Question

如何使用此

    <!--[if lt IE 8]>
    <style type='text/css'>
  #header ul#h-menu li a{font-weight:normal!important}
    </style>
    <![endif]-->

如果我删除上面的代码'将在IE 8中运行良好，但如果我不运行它。帮助我修复IE，如果我想要在所有IE版本的上述代码，。

我希望代码#header ul#h-menu li a{font-weight:normal!important}仅在IE中运行

Answer 1

如果您希望在IE 8及更低版本中使用此功能，请使用

<!--[if lte IE 8]>

lte表示“小于或等于”。

有关条件评论的更多信息，请参阅例如quirksmode.org page。

Answer 2

<!--[if lt IE 8]><![endif]-->

上述陈述中的lt表示小于，因此'如果小于IE 8'。

对于所有版本的IE，您只需使用

即可

<!--[if IE]><![endif]-->

或上述所有版本，例如6。

<!--[if gt IE 6]><![endif]-->

其中gt是'大于'

如果您想为以下版本编写特定样式，包括IE8，您可以编写

<!--[if lte IE 8]><![endif]-->

其中lte'小于等于'

Answer 3

[if lt IE 8]表示“如果低于IE8” - 这就是为什么它在IE8中不起作用。

你想要的是[if lte IE 8]，这意味着“如果低于或等于IE8”。

Answer 4

使用<!-- [if lt IE 9] >将此代码与IE9完全相同。空格非常重要。

Answer 5

怎么样

<!--[if IE]>
...
<![endif]-->

您可以阅读有关条件评论的here。

Answer 6

    <!--[if IE]>
    <style type='text/css'>
    #header ul#h-menu li a{font-weight:normal!important}
    </style>
    <![endif]-->

将在所有版本的IE中应用该样式。

Answer 7

此外，评论标签

<comment></comment>

仅在IE 8及更低版本中受支持，因此，如果这正是您尝试定位的内容，则可以将它们包含在注释标记中。它们与

相同

<!--[if lte IE 8]><![endif]-->

其中lte表示“小于或等于”。

请参阅：Conditional Comments。

Answer 8

I found cascading it works great for multibrowser detection.

此代码用于将淡入淡出更改为显示/隐藏，即8 7 6。

$(document).ready(function(){
    if(jQuery.browser.msie && jQuery.browser.version.substring(0, 1) == 8.0)
         { 
             $(".glow").hide();
            $('#shop').hover(function() {
        $(".glow").show();
    }, function() {
        $(".glow").hide();
    });
         }
         else
         { if(jQuery.browser.msie && jQuery.browser.version.substring(0, 1) == 7.0)
         { 
             $(".glow").hide();
            $('#shop').hover(function() {
        $(".glow").show();
    }, function() {
        $(".glow").hide();
    });
         }
         else
         {if(jQuery.browser.msie && jQuery.browser.version.substring(0, 1) == 6.0)
         { 
             $(".glow").hide();
            $('#shop').hover(function() {
        $(".glow").show();
    }, function() {
        $(".glow").hide();
    });
         }
         else
         { $('#shop').hover(function() {
        $(".glow").stop(true).fadeTo("400ms", 1);
    }, function() {
        $(".glow").stop(true).fadeTo("400ms", 0.2);});
         }
         }
         }
       });

在IE中修改CSS <！ - [if lt IE 8]> - >

8 个答案: