在最近项目中,为了浏览器兼容,使用hack兼容各种浏览器。以下是对各种浏览器的hack的总结。
*background: black; /* ie7浏览器*/
_background:yellow; /*ie6浏览器*/
background: #dddfff\0; /* OP ie8以及ie8以上的浏览器*/
background: #ccc\9; /*ie8及ie8以上的浏览器,和上面的hack 有点像,优先级则相等,主要看先后顺序*/
[;background:green;] /*safari浏览器*/
将此样式写在一个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/