在最近项目中,为了浏览器兼容,使用hack兼容各种浏览器。以下是对各种浏览器的hack的总结。
*background: black;
_background:yellow;
background: #dddfff\0;
background: #ccc\9;
[;background:green;]
将此样式写在一个div里面
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIyVGduV2QvwVe0lmdhJ3ZvwFM38CXlZHbvN3cpR2Lc1TPB10QGtWUCpEMJ9CXsxWam9CXwADNvwVZ6l2c052bm9CXUJDT1wkNhVzLcRnbvZ2LcZXUYpVd1kmYr50MZV3YyI2cKJDT29GRjBjUIF2LcRHelR3LcJzLctmch1mclRXY39zN2UTNwIzM3EjNyATM2EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
在各个浏览器的不同展示方式
1、谷歌浏览器与火狐浏览器
2、ie7
3、ie8以及ie8以上的浏览器
4、safari
在上面试验中竟然惊讶地发现safari的写法,ie7也能识别,如果需要将ie7独立作用的,需要将第12行写在第16行的下面。
并且如果将14行和15行交换位置,ie8以及i8+的浏览器就会有如下的变化
注:safari的hack需要写在属性中的最后,不然会影响到一些浏览器的渲染。
css参考手册:http://css.doyoe.com/