2.区别IE8、IE9
一般来说,我们写的结构比较好的时候,IE8/9下是没区别的.所以可能很少人关注只有IE8或只有IE9才识别的css hack.
因为IE8及以下版本是不支持CSS3的,但是我们如果使用css3,在IE下IE9正常渲染,但我们又想让IE8及以下的浏览器实现同样的效果,且不希望使用css3pie或htc或条件注释等方法时,可能就会需要用到IE8和IE9的专属css hack了.
.test{ color:#09F ; /* IE8/9 */ color:#09F /; /* IE8 only */ } :root .test { color:#9639; } /* IE9 only */ /*或者下面的,但是下面的优先级小于上面的。Ps:老外的方法都是 ,根本没考虑Opera*/ @media all and (min-0){ .test{color:red9; }/* IE9 only */ }
3.区别IE6,IE7,IE8,FF
【区别符号】:「9」、「*」、「_」、「 」
【示例】:
【示例】:
#tip {
background:blue; /*Firefox 背景变蓝色*/
background:blue; /*Firefox 背景变蓝色*/
background-color:red ; /* ie 8/9*/ /*IE8 背景变红色*/
background-color:yellow9 ; /* ie 9*/ /*IE9 背景变黄色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}
background-color:yellow9 ; /* ie 9*/ /*IE9 背景变黄色*/
*background:black; /*IE7 背景变黑色*/
_background:orange; /*IE6 背景变橘色*/
}