@T-A-V

Условыне комментарии для IE 9 ?

Всем доброго времени суток!
Есть страничка.
Условные комментарии в IE9 создают какой-то отступ сверху. Как это исправить ?
  • Вопрос задан
  • 2608 просмотров
Пригласить эксперта
Ответы на вопрос 2
BOOMER_74
@BOOMER_74
Full-Stack разработчик
Замените
<!--[if !(lt IE 9)]>-->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <link rel="stylesheet" type="text/css" href="css/home.css">
  <!--<![endif]-->

на
<!--[if !(lt IE 9)]>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <link rel="stylesheet" type="text/css" href="css/home.css">
  <![endif]-->


Но тут это так было сделано для того что бы другие браузеры не реагировали на комментарии (точнее обрабатывали как комментарии). Но так как ИЕ9 их понимает (а это работает только до ИЕ9 включительно), он выводит закрытие комментария.
Ответ написан
@T-A-V Автор вопроса
Нашел ответ!:
!--[if !(lt IE 9)]><!-->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/home.css">
<!--<![endif]<!-->


Кстати в поиске ответа, экспериментировал и вот один из вариантов:
<head>
<div class="style">
  <!--[if !(lt IE 9)]>-->
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" type="text/css" href="css/common.css">
  <link rel="stylesheet" type="text/css" href="css/home.css">
  <!--<![endif]-->
</div>
<style>
  .style { font-size: 0px;}
</style>
</head>

Не ну забавно ведь. Правда само собой, не валидный :)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы