css兼容性问题 css hack区分ie6,ie7,ie8,firefox(转)

ID：6650163

大小：27.00 KB

页数：7页

时间：2018-01-21

css兼容性问题 css hack区分ie6,ie7,ie8,firefox(转)_第1页

css兼容性问题 css hack区分ie6,ie7,ie8,firefox(转)_第2页

css兼容性问题 css hack区分ie6,ie7,ie8,firefox(转)_第3页

css兼容性问题 css hack区分ie6,ie7,ie8,firefox(转)_第4页

css兼容性问题 css hack区分ie6,ie7,ie8,firefox(转)_第5页

资源描述：

《css兼容性问题 css hack区分ie6,ie7,ie8,firefox(转)》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、selector{property:value;/*所有浏览器*/property:value9;/*所有IE浏览器*/+property:value;/*IE7*/_property当然，注意顺序。根据CSS的优先性，上面的写法，分别针对Firefox、IE8、IE7和IE6显示值。让我们看看这个：CSS代码如下：p.ie{height:60px;text-align:center;line-height:60px;border:1pxdashed#bbb;background:#f7f7f7;font:15;color:blue;

2、//所有浏览器color:brown9;//所有IE浏览器+color:red;//IE7_color:green;//IE6}HTML代碼：嘿嘿，小子竟然也用Firefox，蓝色文字。

注意下面介绍的这些hack写法仅适用于XHTML1.0。如果没有在HTML最前加上那么

4、效果将不一样！此外，这里所说的IE8，不是指IE8的兼容模式，因为IE8的兼容模式其实就是IE7。区别IE6、7与FF/IE8： background:blue;*background:orange;引用显示效果：IE6/7：orangeFF/IE8:blue原理：FF/IE8不支持*开头，而IE6/7都支持。区别IE6与IE7/IE8/FF： background:green;_background:blue;引用显示效果：IE7/8/FF：greenIE6:blue原理：IE6支持下划线"_"，IE7、8和fir

5、efox均不支持下划线。区别FF/IE8和IE6/7：background:orange;+background:green;-background:blue;或者background:orange;*background:green!important;*background:blue;引用显示效果：IE6：blueIE7：greenFF/IE8:orange原理：IE6能识别-，IE7能识别+，IE8和FF都不能识别+和-IE8/FF都不识别*，IE7优先识别!important，IE6不能识别!important。关于IE8的ha

6、cks：.test{ color:/***/#00f9;/*IE8only*/ color:#00f9;/*适用于所有IE版本*/}可同时区分IE8、IE7、IE6、Firefox的CSShacks：.test{ color:#000;/*Firefox*/ color:/***/#00f9;/*IE8*/ *color:#f00;/*IE7*/ _color:#0f0;/*IE6*/}添加相应的注释解决兼容性问题注释相应的Css文件：

7、ext/css"href="css/style.css"media="screen"/>注释相应的Css内容：