background-position 没效果

登录

background-position 昨天练习的没有问题，今天background-position 没效果、

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{ padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
body{ font-family:"黑体", "微软雅黑", "宋体"}
.her{ width:100%; height:120px; background:rgb(129,129,129); margin-top:100px;}
.her .nav{ width:1200px; height:120px; border:1px solid red; margin:0 auto;}
.her .nav li{ float:left; width:120px; text-align:center; margin:10px 0; }
.her .nav li a{ width:120px; height:105px; display:block;}
.her .nav i{display:block; width:60px; height:60px;border-radius:50%; margin:0 auto; background-position:left -60px;}
.her .nav span{ padding-top:10px; display:block; font-size:14px; color:#fff;}
.her .nav li .jlsj{background:url(imges/jlsj.png)}
.her .nav li .ppcx{background:url(imges/ppcx.png)}
.her .nav li .acdg{background:url(imges/acdg.png)}
.her .nav li .gfsc{background:url(imges/gfsc.png)}
.her .nav li .gafw{background:url(imges/gafw.png)}
.her .nav li .kjcx{background:url(imges/kjcx.png)}
.her .nav li .rlzy{background:url(imges/rlzy.png)}
.her .nav li .zxdt{background:url(imges/zxdt.png)}
.her .nav li .cysq{background:url(imges/cysq.png)}
.her .nav li .zsjm{background:url(imges/zsjm.png)}
.her .nav li:hover i{background-color:#fff; background-position:left 0;}
</style>
</head>
<body>
<div class="her">
<div class="nav">
<ul>
<li>
<a href="#">
吉利世界
</a>
</li>
<li>
<a href="#">
品牌车型
</a>
</li>
<li>
<a href="#">
爱车导购
</a>
</li>
<li>
<a href="#">
官方商城
</a>
</li>
<li>
<a href="#">
关爱服务
</a>
</li>
<li>
<a href="#">
科技创新
</a>
</li>
<li>
<a href="#">
人力资源
</a>
</li>
<li>
<a href="#">
资讯动态
</a>
</li>
<li>
<a href="#">
车友社区
</a>
</li>
<li>
<a href="#">
招商加盟
</a>
</li>
</ul>
</div>
</div>
</body>
</html>

复制代码

韩文强 · 发表于 2016-12-6 20:07:56

看着效果没问题啊，把问题说明清楚了，再发问题的时候把你写的代码打成压缩包上传上来。

xiaofufu · 发表于 2016-12-7 09:31:26

韩文强发表于 2016-12-6 20:07
看着效果没问题啊，把问题说明清楚了，再发问题的时候把你写的代码打成压缩包上传上来。 ...

鼠标没移入图片应该显示的是白色的图片啊。移入后才是灰色的。代码以后会打压缩包上传的，

[提问] background-position 没效果

本帖子中包含更多资源

共2个回复最后回复于 2016-12-7 09:31

	B Color Image Link Quote Code Smilies 高级模式您需要登录后才可以回帖登录 \| 立即注册本版积分规则回帖后跳转到最后一页

[提问] background-position 没效果

本帖子中包含更多资源

共2个回复 最后回复于 2016-12-7 09:31

共2个回复最后回复于 2016-12-7 09:31