快捷搜索:  as  test  1111  test aNd 8=8  test++aNd+8=8  as++aNd+8=8  as aNd 8=8

马来西亚云顶集团官方网站:important在ie7.0的hack方法



英文原文地址:

因为ie对!important识别存在bug,而现在大年夜部分网页标准设计师又经由过程这个bug来兼容ie和ff,然则ie7.0把这个bug给修复了,以是问题又呈马来西亚云顶集团官方网站现了,怎么兼容ie.7.0的同时又能兼容ie6.0和ff?正所谓"上有政策,下有对策",国外的网页标准设计师经由过程应用css filter的法子(并不是css hack)来兼容ie7.0,ie6.0和ff,以下为我从国外网站的翻译.

新建一个css样式如下:

#item {

width: 200px;

height: 200px;

background: red;

}

新建一个div,并应用前面定义的cs马来西亚云顶集团官方网站s的样式:

some text here

在body体现这里马来西亚云顶集团官方网站加入lang属性,中文为zh:

现在对div元素再定义一个样式:

*:lang(en) #it马来西亚云顶集团官方网站em{

background:green !important;

}

这样做是为了用!important覆盖原本的css样式,因为:lang选择器ie7.0并不支马来西亚云顶集团官方网站持,以是对这句话不会有任何感化,于是也达到了ie6.0下同样的效果,然则很不幸地的是,safari同样不支持此属性,以是必要加入以下css样式:

#item:empty {

background: green !important

}

:empty选择器为css3的规范,只管safari并不支持此规范,然则照样会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上,并在以下浏览器和操作系统下经由过程测试:

ie7 beta 2 preview/win

ie5.01+/win

firefox 1.5/win

opera 8.5/win & linux

netscape 7.01, 8/win

mozilla 1.7.12/win & linux

safari 2/mac

firefox 1.0.4/linux

epiphany 1.4.8/linux

galeon 1.3.20/linux

按照远作者的说法着实这不能算是一种hack,应该属于filter,不过这彷佛并不是最紧张的,由于经由过程这个法子,我们又一次了办理IE6.0,IE7.0和其他浏览器之间的兼容性问题,而且应用:lang-filter这法子,在往后的一段光阴内都邑有用

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

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