Надёжные CSS-хаки для браузеров
Итак, у нас, оказывается, есть надёжные CSS-фильтры для всех современных браузеров. О некоторых я уже писал, но перечислю все (стиль срабатывает только в указанном браузере):
<style type="text/css">
/* только для Opera 9.50 и выше */
noindex:-o-prefocus, tag { display: none; }
/* только для FireFox */
noindex:-moz-anylink, tag { display: none; }
/* только для FireFox /2008/03/14/~1623/ */
@-moz-document url-prefix()
{
tag { display: none }
}
/* только для Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
tag { display: none }
}
xxx\:*, tag { display: none } /* только для IE */
</style>
Фраза «надежные CSS-хаки» звучит прямо как… м… «честные адвокаты» :)
Комментарий для gluek.info:
Не совсем, если посмотреть суть, то становится ясно почему они надёжные.
для IE наименее надёжен
Комментарий для alshur.livejournal.com:
Почему? Они планируют отказаться от обратной совместимости?
все остальные основаны на префиксах, что согласуется с рекомендациями w3c
xxx\:* работает и в сафари
Комментарий для bazetolog.livejournal.com:
Ну вот… Придётся поискать что-то ещё.
где вы вообще это откапали??
Комментарий для gr1b0k.livejournal.com:
В каком смысле «откопали»? Придумал.
судя по
http://elv1s.ru/files/html%2Bcss/vector-corners.html
mediaqueries ( http://www.w3.org/TR/css3-mediaqueries/ ) (@media screen and ()) можно и для оперы потреблять
Комментарий для gr1b0k.livejournal.com:
Да конечно можно, для этого нужно всего лишь сходить на сайт «Оперы» и прочитать: http://www.opera.com/docs/specs/css/index.dml
А потом посмотреть какой именно медиазапрос я применил (обратив внимание на префикс -webkit).
P.S. Хм… интересно, Элвис почти полностью скопипастил моё решение, даже не поставив копирайт. Ай, нехорошо!
Оперовский еще работает в IE7
Комментарий для http://snipoblog.ru:
Да, к сожалению. Эти хаки, пожалуй, нельзя сейчас назвать «надёжными».