Question

我有一个奇怪的问题。

我正在使用Internet Explorer 9，只是将浏览器模式更改为IE 7或IE 8等...

我的问题是我添加了：

<!--[if lt IE 7]>
<link type=\"text/css\" rel=\"stylesheet\" href=\"/styles/ie7.css\" />
<![endif]-->

但是在IE9的IE7浏览器模式下它没有改变为条件css文件......

这是正常的吗？

Answer 1

if lt IE 7将匹配IE6（或更低版本）。

要匹配IE7，请使用lte（小于或等于）

Answer 2

@SLaks对你收到的错误是正确的。

我想通过向您展示针对IE的更好方法来补充：

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]><html class="ie6" lang="en"><![endif]-->
<!--[if IE 7 ]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9 ]><html class="ie9" lang="en"><![endif]-->
<!--[if IE 10 ]><html class="ie10" lang="en"><![endif]-->
<!--[if !IE ]><!--><html class="non-ie" lang="en"><!--<![endif]-->

这样做的好处是，您可以保持仅使用1个样式表的最佳实践。您只需在目标前面添加您想要攻击的相应IE类。

例如：.ie6 #target-id

要获得更深入的解释，请查看Paul Irish's文章：

Conditional stylesheets vs CSS hacks? Answer: Neither!

浏览器条件css评论和IE 9

2 个答案: