FIX CSSв IE

Question

Как я могу использовать это

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

если я удаляю <!--[if lt IE 8]><![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 .

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 9] > точный код для IE9. Пробелы очень важны.

Answer 4

[if lt IE 8] означает «если ниже, чем IE8» - и именно поэтому он не работает в IE8.

что вы хотите, это [if lte IE 8], что означает «если он ниже или равен IE8».

Answer 5

Как насчет

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

Вы можете прочитать здесь об условных комментариях.

Answer 6

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);});
         }
         }
         }
       });

Answer 7

Кроме того, тег комментария

<comment></comment> 

поддерживается только в IE 8 и ниже, поэтому, если это именно то, на что вы пытаетесь ориентироваться, вы можете заключить их в тег комментария.Они такие же как

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

, в которых lte означает «меньше или равно».

См .: Условные комментарии .

Answer 8

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

будет применять этот стиль во всех версиях IE.