在最近項目中,為了浏覽器相容,使用hack相容各種浏覽器。以下是對各種浏覽器的hack的總結。
*background: black;
_background:yellow;
background: #dddfff\0;
background: #ccc\9;
[;background:green;]
将此樣式寫在一個div裡面
在各個浏覽器的不同展示方式
1、谷歌浏覽器與火狐浏覽器
2、ie7
3、ie8以及ie8以上的浏覽器
4、safari
在上面試驗中竟然驚訝地發現safari的寫法,ie7也能識别,如果需要将ie7獨立作用的,需要将第12行寫在第16行的下面。
并且如果将14行和15行交換位置,ie8以及i8+的浏覽器就會有如下的變化
注:safari的hack需要寫在屬性中的最後,不然會影響到一些浏覽器的渲染。
css參考手冊:http://css.doyoe.com/