针对不同浏览器实现类似的效果,我们可能都会想到CSS hack这个东西,让不同的浏览器下引用不同的CSS属性或是不同的CSS属性值。
经过测试
末尾 属性值:\0 支持:IE8 和IE9
首位 属性值:(:root) 末尾 属性值:\9 支持:IE9
末尾 属性值:\0/ 支持:IE8
首位 属性值:* 支持:IE6
首位 属性值:* + 支持:IE7
首位 属性值:_ 支持:IE6
演示出来的结果应是:ie9为#00F、 ie8为#0f0 、 ie7 为#F0F 、ie6 为#F00
经过测试
末尾 属性值:\0 支持:IE8 和IE9
首位 属性值:(:root) 末尾 属性值:\9 支持:IE9
末尾 属性值:\0/ 支持:IE8
首位 属性值:* 支持:IE6
首位 属性值:* + 支持:IE7
首位 属性值:_ 支持:IE6
以下为案例
html代码 :
<p>测试</p>
CSS代码:
:root p{background:#00F\9;}
p{background:#0F0\0/;}
* + html p{ background:#F0F;}
* html p{ background:#F00;}
演示出来的结果应是:ie9为#00F、 ie8为#0f0 、 ie7 为#F0F 、ie6 为#F00