CSS hack для Firefox 3.5
И ещё один страшный и ужасный хак. На этот раз для FF3.5.
Рассматриваем
И ещё один страшный и ужасный хак. На этот раз для FF3.5.
Рассматриваем
Евгений Степанищев по случаю выхода пре-альфы Opera 10.50 придумал несколько полезных хаков, позволяющих отличить разные версии браузера.
Читаем
Павел Марковнин делится свежей подборкой CSS-хаков.
Использовать только если всё совсем плохо, но знать не помешает.
Знакомимся
<head>
<link type="text/css" media="screen and(-webkit-min-device-pixel-ratio:0)"
href="/css/opera.css"/>
</head>
Также можно поступить с любым @media хаком, как ранее я сделал это для Safari3 (оказалось, что одновременно и для Opera).
@media хак подсмотрен у Волошина Сергея.
#myDiv {
margin : 10px;
}
/* IE6 и ниже */
* html #MyDiv {
margin : 5px;
}
/* Только IE7 */
*:first-child+html #MyDiv {
margin : 2px;
}
Подсмотрено у MyMans.
p.s. и всё же лучше использовать Conditional Comments.
Это должен прочитать каждый верстальщик. Эта статья - объяснение первопричин большинства бед с Internet Explorer.
Читаем
Неплохой способ описать CSS только для Safari подсказал блог difour.org:
<style type='text/css' media='all'>
/*Safari 3 patch, http://difour.org */
@media screen and (-webkit-min-device-pixel-ratio:0){
#myDiv {
font-size:40px;
}
}
</style>
А знаете ли вы, что:
— Подчёркивание в идентификаторах разрешено в спецификации CSS2.1.
— Браузеры должны игнорировать неизвестные CSS-свойства.
— IE 5 и выше для Windows игнорирует подчёркивание в начале любого свойства.
Таким образом свойство _color:red:
— Валидно.
— Игнорируется всеми браузерами, кроме IE под Windows.
— В IE работает аналогично color:red.
Очень полезная особенность:
#box {
min-height: 300px;
height: auto;
_height: 300px;
}
p.s. в IE под MacOS не работает.