Опубликовано автор в категориях Верстальщику.

CSS хаки для Firefox 3

Картинка с сайта www.alexilin.ru

Когда вышла третья версия Firefox, я стал замечать, что на некоторых сверстанных ранее сайтах верстка выглядит не идеально, при этом во второй версии браузера все выглядело отлично. Естественно, что обновленная версия движка браузера повлияла на это. И так, стала задача, как исправить в Firefox 3 недочеты, которые не видны во второй версии браузера?
Сделать это, в принципе, не сложно, но есть одна неприятность. Те правила, которые исправляют погрешности в Firefox 3, зачастую вызывают новые погрешности в более поздних версиях браузера. В общем, если не брать во внимание скрипт определения браузера и прописывания соответствующего класса (о нем еще напишу в следующих постах), то на помощь приходят хаки. Напомню, что при использовании хаков нужно смириться с тем, что css становиться не валидным. Но это решать вам, использовать хаки или же решать проблему иначе.

Итак, специальные css-хаки для Firefox 3

1.  .sampleclass, x:-moz-any-link { } /* FireFox 2 это чтобы напомнить*/

2.  .sampleclass, x:-moz-any-link, x:default { } /* FireFox 3 */

3.  html>/**/body .sampleclass, x:-moz-any-link, x:default { } /* Только FireFox 3 */

Добавлю лишь, что вместо «.sampleclass» мы вставляем нужный атрибут.

Вот, в принципе, и все. Удачной верстки.

Спонсор поста: Новостной блог о технологии AJAX, где вы найдете все об ajax.

Небесные фонарики и фонарики небесные. Небесные фонарики племяннику.

11 комментариев к записи “Специальные хаки для Firefox 3”

  1. sergz

    .sampleclass, x:-moz-any-link, x:default { } /* FireFox 3 */

    Этот хак задевает, как минимум, также IE7. Плохо конечно.

    Что интересно, этот хак:
    html>/**/body .sampleclass, x:-moz-any-link, x:default { } /* Только FireFox 3

    также задевает IE7 если удалить /**/.
    Т.е.:
    html> body .sampleclass, x:-moz-any-link, x:default { } /* Только FireFox 3 и IE7

    Ответить

Оставить комментарий

  • (не будет показан)