IE浏览器单独编写CSS样式的几种方法
本文主要介绍IE浏览器分别编写CSS样式的几种方法。本文总结了3种方法,即黑客,条件注释CSS,条件注释,HTML标记,需要朋友参考。因为恶即有各种非标准的,所以,当开发一个网页,你不能避免写IE独有的CSS,熟悉的方法,即黑客和条件(有条件注释CSS样式表)。下面,讨论这两种方法的优缺点。
IE插件
例如,在浏览一个元左距30px,在IE6它设置为20px,可写成如下:
复制代码代码如下所示:
.demo {margin-left: 30px; _margin-left: 20px;}
对我来说,我喜欢的条件注释CSS比IE更好的黑客,只是IE与黑客和hacks这个词已经很不舒服,总是感觉像一个偏方,这是一个非常局部的解决方案。然而,即黑客也有它的优点mdash;mdash;
1.css黑客是嵌入在一个共同的CSS和不产生更多的HTTP请求。
2.css黑客嵌入在普通的CSS,它是写更方便。
当然,它的缺点也是显而易见的mdash;mdash;
1。这是一种非标准产品。
2。嵌入在其他CSS中,维护起来很不方便,尤其是当黑客的数量更多时,这是一场噩梦。
三.嵌入到其他CSS中,即使在非IE浏览器中也会加载,浪费资源。
条件注释CSS
上面的示例也是如此,如果使用条件注释CSS,可以编写如下:
HTML:
复制代码代码如下所示:
ie6.css
复制代码代码如下所示:
。演示{ margin-left: 20px;}
这是一个描述:条件注释是一个IE专有的微软扩展到传统的(X)的HTML注释。从W3C标准,它也是一个产品的标准,但它是IE发展微软的官方开发的方式,和有条件的注释其他浏览器作为一个传统的诠释,所以它是其他浏览器无害。
条件注释CSS的好处是写在单独的CSS文件中,可以精确地控制特定IE中的加载,不会造成资源浪费和易于维护,缺点是会产生冗余的HTTP请求。特别是当需要许多兼容的IE版本时,需要生成多个HTTP请求。这无疑会对低版本IE的页面加载速度产生影响。
显然,这两种方法不是很好的方法,因此引入了一个相对较好的解决方案。
条件注释html标签
该方案也使用条件注释,但它不使用CSS来标注HTML的条件,而是在HTML标记上使用条件注释,引入不同的类,以便区分不同的IE和其他浏览器:
复制代码代码如下所示:
然后将对应的类添加到特定IE的CSS中,并将其写入普通CSS文件中,例如,可以在CSS文件中编写示例:
复制代码代码如下所示:
。ie6.demo { margin-left: 20px;}
该方法吸收条件注释表达利益的同时并没有额外的HTTP请求,只是因为这些特定的IE CSS和普通的CSS,是不是相应的IE会被加载,所以如果一些CSS更愿意使用黑客的浪费,开发人员需要根据具体情况选择方法。