从后往前,依次是,firefox,ie9 ,ie8,ie7,ie6.
(注意杠9杠0,不知道为什么显示不出来,因此用的全角的)
复制代码代码如下:
selector{
background-color:#f00;/*all*/
background-color:#0ff\0;/* ie 8/9 */
background-color:#0f0\9\0;/* ie9 */
*background-color:#00f;/*ie7*/
_background-color:#ff0;/*ie6*/
background-color//:#090;/*非IE*/
background-color:#900\9;/*所有ie*/
}
当然,还有专门针对IE7的写法: background-color:#00f;
不过上述代码,我把background-color改成background时,又区分不出ie9和ie8了,因此,使用的时候最好注意一下 。
写法中,要注意顺序:
background-color:#0ff\0;
background-color:#0f0\9\0;
第一行是针对ie8、9的 。
第二行才是针对ie 9的
推荐阅读
- 全面兼容ie6,ie7,ie8,ff的最简单的css写法
- 兼容IE6、7、8 CSS hacker使用小结
- Css样式兼容IE6,IE7,FIREFOX的浏览器的写法示例介绍
- 在IE6,7中遇到未知的问题无法解决时可以尝试触发其layout
- 兼容IE6,IE8,FF 固定位置显示弹出层
- 让IE6/IE7支持display:inline-block属性的两种方法
- ie6、ie7下overflow失效的有效解决方法
- css:fixed定位兼容不同系列不同版本的浏览器包括IE6.0
- Discuz7.2 IE9兼容性写法 杜工完全修补方案
- IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表