代码标准化的重要性

本文详细记录了一次在IE7/8中CSS背景图片无法正常显示的问题及其解决过程,强调了代码规范化的必要性和重要性。通过在background属性后添加background-color和空格,成功解决了问题,提醒读者注意类似的小错误可能带来的大影响。
摘要由CSDN通过智能技术生成

一直以来我都追寻代码标准化、规范化,也经常和身边的人说,不知道做就去看官方文档,看规范和规则。但是在实际的情况下,还是有很多让人忘记或忽略的地方。

今天遇到一个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">&nbsp;</i>

在ie7/8显示结果始终有问题,图标就是不出来啊,急死人了。

死活出不来,怎么办呢,再三检查代码,以自己几年的经验来讲,代码应该没问题。到最后我只能倒查。
在background后面添加个background-color:#888;
结果又能显示。说明background有问题,紧接着把
)与no-repeat之间加上空格就好了。

background:url('../images/newindex/car.png') no-repeat 0 0;

千里之堤毁于蚁穴

问题很小但能起到决定性作用,再次在此警示自己。以后多注意规范化。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值