为了账号安全,请及时绑定邮箱和手机立即绑定

背景图片在IE中无效,360下显示正常

<!DOCTYPE HTML> 

<html>

<head>

<meta charset="UTF-8">

<title>a标签做按钮</title>

<style type="text/css">

a{

display:inline-block;

height:40px;

line-height:40px;

padding-left:15px;

background:url(1.jpg); 

font-size:14px;

}

a:hover{

background-position:0 -80px;

}

a span{

display:inline-block;

background:url(1.jpg) right -40px;

padding-right:15px;

height:40px;

line-height:40px;

}

a:hover span{

background-position:right -120px;

}

</style>

</head>

<body>

  <div class="button">

<a><span>按钮</span></a>

  </div>

</body>

</html>


正在回答

1 回答

background-image:url(../images/bg.jpg);background-repeat:no-repeat'background-position:0px 0px简写为background:url(../images/bg.jpg) no-repeat 0px 0px;因为老的浏览器对于简写这种兼容性好一点

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
按钮特效
  • 参与学习       51394    人
  • 解答问题       236    个

WEB前端开发必备能力,课程分为二个实例讲解,让你牢牢掌握

进入课程

背景图片在IE中无效,360下显示正常

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信