CSS HACK区别IE6、IE7、IE8、Firefox兼容性

浏览数：33 / 时间：2015年06月09日

相信不少人，都特别清楚CSS HACK，而其中也是区别IE6、IE7、IE8、Firefox兼容性问题用的，CSS hack由于不同的浏览器，对CSS的解析认识不一样，因此会导致生成的页面效果不一样。

这儿做个总结，也是方便自己以后查阅。

1.分辨IE和非IE浏览器中

div{  
background:blue;/*非IE背景藍色*/  
background:red\9;/*IE6、IE7、IE8背景紅色*/  
}

2.分辨IE6,IE7,IE8和火狐

div{
background:blue;/*Firefox背景变蓝色*/  
background:red\9;/*IE8背景变红色*/  
*background:black;/*IE7背景变黑色*/  
_background:orange;/*IE6背景变橘色*/  
}

3.(1)分辨IE6，IE7或火狐（由方法2得出）

div{  
background:blue;/*Firefox背景变蓝色*/  
*background:black;/*IE7背景变黑色*/  
_background:orange;/*IE6背景变橘色*/  
}

3.(2)分辨IE6，IE7或火狐

div{  
background:blue;/*Firefox背景变蓝色*/  
*background:green!important;/*IE7背景变绿色*/  
*background:orange;/*IE6背景变橘色*/  
}

4.分辨IE7或火狐

div{  
background:blue;/*Firefox背景变蓝色*/  
*background:green!important;/*IE7背景变绿色*/  
}

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： ie class text t color blog word im display 问题 px ie class text t color blog word im display 问题 px

相关文章