一直以来我都追寻代码标准化、规范化,也经常和身边的人说,不知道做就去看官方文档,看规范和规则。但是在实际的情况下,还是有很多让人忘记或忽略的地方。
今天遇到一个css的问题,background的图片在ie7/8下无法显示的错误。详细情况如下。
1、错误css代码:
.ico-car{
width:18px;
height:18px;
display:block;
margin:10px 6px 0 10px;
float: left;
background:url("../images/newindex/car.png")no-repeat 0 0;
}
这段css代码对应的html为
<i class="ico-car"> </i>
在ie7/8显示结果始终有问题,图标就是不出来啊,急死人了。
死活出不来,怎么办呢,再三检查代码,以自己几年的经验来讲,代码应该没问题。到最后我只能倒查。
在background后面添加个background-color:#888;
结果又能显示。说明background有问题,紧接着把
)与no-repeat之间加上空格就好了。
background:url('../images/newindex/car.png') no-repeat 0 0;
千里之堤毁于蚁穴
问题很小但能起到决定性作用,再次在此警示自己。以后多注意规范化。