FIX CSS <! - [if lt IE 8]> в IE

Ответ 1

Если вы хотите, чтобы это работало в IE 8 и ниже, используйте

<!--[if lte IE 8]>

lte Значение "Меньше или равно".

Более подробно об условных комментариях см., например, страница quirksmode.org.

Ответ 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 "меньше и равно"

Ответ 3

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

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

Ответ 4

Используйте <!-- [if lt IE 9] > точный код для IE9.Пространства очень важны.

Ответ 5

Как насчет

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

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

Ответ 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);});
         }
         }
         }
       });

Ответ 7

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

<comment></comment> 

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

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

В котором lte означает "меньше или равно".

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

Ответ 8

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

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