Евгений Степанищев

Эксперт в области разработки веб-приложений и безопасности в интернете. Каждый месяц мой блог посещают около 90 тысяч человек. Работаю техническим директором в «Системах документооборота», занимаюсь электронным правительством.

Надёжные CSS-хаки для браузеров

Итак, у нас, оказывается, есть надёжные CSS-фильтры для всех современных браузеров. О некоторых я уже писал, но перечислю все (стиль срабатывает только в указанном браузере):
<style type="text/css">
 /* только для Opera 9.50 и выше */
 noindex:-o-prefocus, tag { display: none; }

/* только для FireFox */
noindex:-moz-anylink, tag { display: none; }

/* только для FireFox http://bolknote.ru/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>
18 июля 2008 17:00
webdev, css, safari, opera, ff, ie

gluek.info (gluek.info)
19 июля 2008, 02:49

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

bolk (bolknote.ru)
19 июля 2008, 11:12, ответ предназначен gluek.info:

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

alshur.livejournal.com (alshur.livejournal.com)
22 июля 2008, 14:54

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

bolk (bolknote.ru)
22 июля 2008, 21:48, ответ предназначен alshur.livejournal.com:

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

alshur.livejournal.com (alshur.livejournal.com)
23 июля 2008, 01:21

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

bazetolog.livejournal.com (bazetolog.livejournal.com)
11 августа 2008, 22:20

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

bolk (bolknote.ru)
12 августа 2008, 10:09, ответ предназначен bazetolog.livejournal.com:

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

gr1b0k.livejournal.com (gr1b0k.livejournal.com)
1 сентября 2008, 12:29

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

bolk (bolknote.ru)
1 сентября 2008, 15:14, ответ предназначен gr1b0k.livejournal.com:

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

gr1b0k.livejournal.com (gr1b0k.livejournal.com)
1 сентября 2008, 18:07

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

bolk (bolknote.ru)
3 сентября 2008, 14:41, ответ предназначен gr1b0k.livejournal.com:

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

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

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

http://snipoblog.ru (инкогнито)
16 августа 2010, 11:03

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

bolk (bolknote.ru)
16 августа 2010, 18:22, ответ предназначен http://snipoblog.ru

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

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML:

Кому бы вы хотели ответить (или кликните на его аватару)

Подсказка по написанию комментария

В комментариях можно применять следующую специальную разметку:

  • слово, обрамлённое в «звёздочки» выделяется *жирным*
  • ссылка становится ссылкой: http://bolknote.ru
  • ссылка в скобках также становится ссылкой, закрывающая скобка не захватывается: (http://bolknote.ru)
  • каждую строку цитаты следует начинать со знака «больше»:
    > это цитата
    > из двух строк

  • можно вставить картинку, залитую на один из сервисов: «Яндекс.Фотки», «Фликр» или «Пикплз». Для этого нужно вставить на страницу полный адрес вашей картинки на сервисе, он превратится в картинку:

    http://fotki.yandex.ru/users/bolknote/view/274311?page=3