您的位置:首页 > Web前端 > CSS

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

2014-02-12 11:13 381 查看
相信不少人,都特别清楚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背景变绿色*/
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: