Это сайт — моя персональная записная книжка. Интересна мне, по большей части, история, своя жизнь и немного программирование.

Надёжные 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>
13 комментариев
gluek.info 2008

Фраза «надежные CSS-хаки» звучит прямо как… м… «честные адвокаты» :)

Евгений Степанищев (bolknote.ru) 2008

Комментарий для gluek.info:

Не совсем, если посмотреть суть, то становится ясно почему они надёжные.

alshur.livejournal.com 2008

для IE наименее надёжен

Евгений Степанищев (bolknote.ru) 2008

Комментарий для alshur.livejournal.com:

Почему? Они планируют отказаться от обратной совместимости?

alshur.livejournal.com 2008

все остальные основаны на префиксах, что согласуется с рекомендациями w3c

bazetolog.livejournal.com 2008

xxx\:* работает и в сафари

Евгений Степанищев (bolknote.ru) 2008

Комментарий для bazetolog.livejournal.com:

Ну вот… Придётся поискать что-то ещё.

gr1b0k.livejournal.com 2008

где вы вообще это откапали??

Евгений Степанищев (bolknote.ru) 2008

Комментарий для gr1b0k.livejournal.com:

В каком смысле «откопали»? Придумал.

gr1b0k.livejournal.com 2008

судя по
http://elv1s.ru/files/html%2Bcss/vector-corners.html
mediaqueries ( http://www.w3.org/TR/css3-mediaqueries/ ) (@media screen and ()) можно и для оперы потреблять

Евгений Степанищев (bolknote.ru) 2008

Комментарий для gr1b0k.livejournal.com:

Да конечно можно, для этого нужно всего лишь сходить на сайт «Оперы» и прочитать: http://www.opera.com/docs/specs/css/index.dml

А потом посмотреть какой именно медиазапрос я применил (обратив внимание на префикс -webkit).

P.S. Хм… интересно, Элвис почти полностью скопипастил моё решение, даже не поставив копирайт. Ай, нехорошо!

snipoblog.ru 2010

Оперовский еще работает в IE7

Евгений Степанищев (bolknote.ru) 2010

Комментарий для http://snipoblog.ru:

Да, к сожалению. Эти хаки, пожалуй, нельзя сейчас назвать «надёжными».