IE комментарий не отображает CSS на странице вообще - PullRequest
Новая
       24

IE комментарий не отображает CSS на странице вообще

0 голосов
/ 07 мая 2011

Это мой сайт, он отлично работает на Chrome, Firefox и IE 9. Когда я пробую его на IE 7 и IE 8, комментарии IE, которые я использую для css, вообще не отображаются.Мой веб-сайт: http://www.chan -leung.com 

<!--[if lt IE 9]>
        <link rel="stylesheet" href="css/ieHacks.css" type="text/css" media="screen, projection" />
    <![endif]-->

<!--[if IE 7]>
        <link rel="stylesheet" href="css/ieHacks7.css" type="text/css" media="screen, projection" />
    <![endif]-->

Файлы css работают нормально локально, но при загрузке на хостинг css не отображается.Я использую отладчик IE для тестирования браузера (для IE).Клавиша F12 для IE.Когда я пытаюсь посмотреть ieHacks.css & ieHacks7.css, ничего не отображается.Я нахожусь в затруднении относительно того, что было бы причиной, почему то есть комментарии не работают.

Любая помощь или предложение будет принята с благодарностью.

1 Ответ

0 голосов
/ 08 мая 2011

Возможно, вы неправильно указали имена файлов css?

Возможно, ваш сайт пытается использовать css / ieHacks.css и css / ieHacks7.css, но на самом деле это файлы css / iehacks.css и css / iehacks7.css

Также попробуйте использовать абсолютные URL-адреса и посмотрите, имеет ли это значение, например: 

<!--[if lt IE 9]>
    <link rel="stylesheet" href="/css/iehacks.css" type="text/css" media="screen, projection" />
<![endif]-->

<!--[if IE 7]>
    <link rel="stylesheet" href="/css/iehacks7.css" type="text/css" media="screen, projection" />
<![endif]-->

Кроме того, просто заметка: сначала вы выполняете более общее назначение, а другое - более конкретное.во-вторых, это было задумано?Первый файл CSS будет применен к ie7, а также ко второму, более конкретному.

ОБНОВЛЕНИЕ:

Ваш сайт CSS выглядит следующим образом, который не 'Т, как вы сказали в своем вопросе: 

<!--[if lte IE 8]>
    <link rel="stylesheet" href="css/iehacks.css" type="text/css" media="screen, projection" />
<![endif]-->
<!--[if IE 7]>
    <link rel="stylesheet" href="css/iehacks7.css" type="text/css" media="screen, projection" />
<![endif]-->
<!-- [if !IE 7]>
    <style type="text/css">
        #wrap {display:table;height:100%}
    </style>
<![endif]-->
...