代码改变世界

（一）IE8以下background不起作用

2015-11-28 15:00  刘大虾6  阅读(6826)  评论(1)  编辑  收藏  举报

　　最近遇到了些小bug，在这里做个记录分享下。低版本的浏览器不支持新属性或者说对代码的解析方式不一样，导致最后解析出来的结果五花八门，各种浏览器之间的兼容的确是一个令开发人员头疼的事情，不过有时候换一个思路去写也许能避免许多hack，不管是js hack还是css hack始终都是不推荐的，能避免则避免。

　　先分享一篇别人总结的 css hack方式，比较齐全，感谢原博主。http://blog.csdn.net/freshlover/article/details/12132801

我的问题描述：background背景设置在IE8及以下显示不正常

这个也不算是啥bug，应该说是我自己写法不规范造成的。

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>你还起作用吗</title>
 6     <style>
 7         div{
 8             width: 200px;
 9             height: 200px;
10             background: #5ea593 url(2.jpg)0 0 no-repeat;
11         }
12     </style>
13 </head>
14 <body>
15     <div></div>
16 </body>
17 </html>

这样写的方式，注意：在url和0之间没有空格隔开，在ie9+是没有问题的，但是在ie8及以下是不正常的。开始这个问题困扰了我好久，不知道哪出了问题。后来找到原因了真是恨死自己了。

解决：background: #5ea593 url(2.jpg) 0 0 no-repeat;在url和0之间用空格隔开。

所以啊，以后写代码务必要规范！规范！不然有可能会花很多时间去做无用功。