Подключение стиля только для Safari 3
27 мая 2008
Иногда, когда макет уже свёрстан, приходится вносить коррективы для некоторых отдельных браузеров. В случае IE очень помогают условные комментарии. В случае Safari обычно используются хаки.
Но выход есть.
<head> <link type="text/css" media="screen and (-webkit-min-device-pixel-ratio:0)" href="/css/safari.css"/> </head>
В итоге получаем чёткое побраузерное разделение кода и валидные HTML и CSS.
Опробовано на Windows-версии Safari 3.1. Если у кого есть под рукой мак — буду признателен за тестирование.
Комментарии RSS по email OK
Спасибо! Заношу в закладки.
Большое спасибо, давно искал такую возможность!
«В итоге получаем чёткое побраузерное разделение кода и валидные HTML и CSS.»
и возвращаемся в прошлый век, когда под каждый браузер делалась отдельная версия сайта. Такие вещи нужно использовать с осторожностью и только в самом крайнем случае.
Почему отдельная? Ничто не мешает использовать данную возможность также, как и CC для IE, т.е. подключить после всех стилей и перекрыть тем самым нужные селекторы.
Мне кажется, сравнивать по уровню поддержки стандартов IE и Safari не вполне корректно. В случае IE без индивидуальных правил не обойтись, в случае Safari — можно. И нужно. ;-)
а как же прикажете оформление элементов форм в Safari2 и Safari3 разделять?
кстати, Автору, приведенная разрулька в Safari2 не работает.
Спасибо за замечание. Действительно для второго не подходит.
Спасибо, лучше чем body:first-of-type