最近遇到了些小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之間用空格隔開。
所以啊，以后寫代碼務必要規范！規范！不然有可能會花很多時間去做無用功。