Хаки конкретно для IE6, IE7 и IE8 в CSS
IE8
Code
body{
background-color: blue; /* all browsers */
background-color: red\0/; /* IE8 only */
background-color: red\9; /* IE8 and below */
}
background-color: blue; /* all browsers */
background-color: red\0/; /* IE8 only */
background-color: red\9; /* IE8 and below */
}
Используя обратный слэш, ноль, а затем простой слэш, мы задаем стили конкретно для IE8. Что же касается версий IE8 и ниже, добавляя обратный слеш и цифру девять, мы добьёмся нужного результата.
IE7
Code
body{
background-color: blue; /* all browsers */
*background-color: red; /* IE7 and below */
}
background-color: blue; /* all browsers */
*background-color: red; /* IE7 and below */
}
Использование звездочки перед свойствами позволяет задавать стили конкретно для IE7 и ниже.
IE6
Code
body{
background-color: blue; /* all browsers */
_background-color: red; /* IE6 specifically */
}
background-color: blue; /* all browsers */
_background-color: red; /* IE6 specifically */
}
Как видите, с помощью подчеркивания перед свойством, можно задавать стили непосредственно для ie6.
Лучший способ задания CSS стилей конкретно для Internet Explorer
Лучшим способом целенаправленного задания стилей для браузеров Internet Explorer является, как я уже говорил ранее, использование условных операторов. Вот несколько примеров того, как использовать условные операторы в коде конкретно для различных версий Internet Explorer:
Все версии IE
Code
<!--[if IE]>
<style>
/* CSS for all versions of IE */
</style>
<![endif]-->
<style>
/* CSS for all versions of IE */
</style>
<![endif]-->
Только для версии IE 6
Code
<!--[if IE 6]>
<style>
/* CSS for IE 6 only */
</style>
<![endif]-->
<style>
/* CSS for IE 6 only */
</style>
<![endif]-->
Для версий IE 6 и выше
Code
<!--[if gte IE 6]>
<style>
/* CSS for all versions of IE 6 and up */
</style>
<![endif]-->
<style>
/* CSS for all versions of IE 6 and up */
</style>
<![endif]-->
Для версий IE 8 и ниже
Code
<!--[if lte IE 8]>
<style>
/* CSS for all versions of IE 8 and below */
</style>
<![endif]-->
<style>
/* CSS for all versions of IE 8 and below */
</style>
<![endif]-->
Перевод и описание PS-Studio.Info
Всего комментариев: 0
Оставь комментарий первым!
Оставь комментарий первым!
