【js9905com金沙网站】css hack,hack

css hack,hack

属性前缀

_仅支持ie6

* ie6 ie7

9 ie6+

ie8+

9 ie9+

color:#00F; /* IE8支持*/ *color:#FF0; /* IE7支持 */ _color:#F00; /* IE6支持 */ 不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。 补充:IE6能识别 *,但不能识别 !important,IE7能识别 *,也能识别!important;FF不能识别 *,但能识别!important;下划线”_“,IE6支持下划线,IE7和firefox均不支持下划线[1]  。 选择器前缀法(即选择器Hack):例如 IE6能识别*html .class{},IE7能识别*+html .class{}

background-color:blue; 各个浏览器都认识,这里给firefox用;
background-color:red9;9所有的ie浏览器可识别;
background-color:yellow; 是留给ie8的,最新版opera也认识,后面自有hack写了给opera认的,所以,我们就认为是给ie8留的;
+background-color:pink; + ie7定了;
_background-color:orange; _专门留给神奇的ie6;

 

以: " #demo {width:100px;} "为例; #demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/ * html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */ *+html #demo {width:130px;} /*会被IE7执行*/ 所以最后,#demo的宽度在三个浏览器的解释为: FIREFOX:100px; ie6:120px; ie7:130px;  

.title{ height:200px;

*height:200px !important;/*因为ie6不支持!important ,所以只识别ie7*/

*height:200px; }/*识别ie6*/

条件注释法

 

这种方式是IE浏览器专有的Hack方式,微软官方推荐使用的hack方式。举例如下

 只在IE下生效
 <!--[if IE]>
 这段文字只在IE浏览器显示
 <![endif]-->

 只在IE6下生效
 <!--[if IE 6]>
 这段文字只在IE6浏览器显示
 <![endif]-->

 只在IE6以上版本生效
 <!--[if gte IE 6]>
 这段文字只在IE6以上(包括)版本IE浏览器显示
 <![endif]-->

 只在IE8上不生效
 <!--[if ! IE 8]>
 这段文字在非IE8浏览器显示
 <![endif]-->

 非IE浏览器生效
 <!--[if !IE]>
 这段文字只在非IE浏览器显示
 <![endif]-->

hack,hack 属性前缀 _仅支持ie6 * ie6 ie7 9 ie6+ ie8+ 9 ie9+ color:#00F; /* IE8支持*/*color:#FF0; /* IE7支持 */_color:#F00; /* IE6支持 */不管是什么方法...

本文由js9905com金沙网站-金沙澳门手机版网址发布于计算机,转载请注明出处:【js9905com金沙网站】css hack,hack

您可能还会对下面的文章感兴趣: