兼容浏览器,hack的一些总结

在最近项目中,为了浏览器兼容,使用hack兼容各种浏览器。以下是对各种浏览器的hack的总结。

*background: black;                       /* ie7浏览器*/

_background:yellow;                     /*ie6浏览器*/

background: #dddfff\0;                 /* OP ie8以及ie8以上的浏览器*/

background: #ccc\9;                     /*ie8及ie8以上的浏览器,和上面的hack 有点像,优先级则相等,主要看先后顺序*/

[;background:green;]                     /*safari浏览器*/


将此样式写在一个div里面

兼容浏览器,hack的一些总结_第1张图片


在各个浏览器的不同展示方式

1、谷歌浏览器与火狐浏览器

兼容浏览器,hack的一些总结_第2张图片

2、ie7

兼容浏览器,hack的一些总结_第3张图片

3、ie8以及ie8以上的浏览器

兼容浏览器,hack的一些总结_第4张图片

4、safari

兼容浏览器,hack的一些总结_第5张图片

在上面试验中竟然惊讶地发现safari的写法,ie7也能识别,如果需要将ie7独立作用的,需要将第12行写在第16行的下面。

并且如果将14行和15行交换位置,ie8以及i8+的浏览器就会有如下的变化

兼容浏览器,hack的一些总结_第6张图片

注:safari的hack需要写在属性中的最后,不然会影响到一些浏览器的渲染。


css参考手册:http://css.doyoe.com/

你可能感兴趣的:(兼容浏览器,hack的一些总结)