Псевдо-элементы :before/:after. Поддержка браузерами

псевдо-элементыВ предыдущей статье Создаем границу у сайта мы активно использовали псевдо-элементы. А поддерживаются ли псевдо-элементы браузерами? Этот вопрос тревожит многих веб-разработчиков. На данный момент псевдо-элементы :before и :after поддерживаются достаточно неплохо, в отличие от многих интересных фишек CSS3.

Исследование основывается на экспериментах со специальной демо-страницей. Вы можете сами просмотреть ее в разных браузерах. Так же, по старым браузерам, была просмотрена документация. Все это сравнивалось с информацией, которую дал сервис BrowserShots. В итоге получилась достаточно простая и понятная табличка.

google chrome лого Все версии Полная поддержка
opera лого Версия 6 и выше Полная поддержка
safari лого Версия 1.3 и выше Полная поддержка
mozilla firefox лого Версия 3.5 и выше Полная поддержка
Версия 3.0 и ниже Частичная поддержка
internet explorer лого Версия 9 и выше Полная поддержка
Версия 8 Частичная поддержка
Версия 7 и ниже Нет поддержки

P.S.: кому пригодятся большие иконки браузеров — картинки кликабельны — пользуйтесь.



Запись опубликована в рубрике CSS3 с метками , , , . Добавьте в закладки постоянную ссылку.

3 комментария: Псевдо-элементы :before/:after. Поддержка браузерами

  1. Pavag12 говорит:

    до/после гуд

  2. Seva говорит:

    html:after
    html:before

    Хром не тянет….

    • Гилязетдинов Руслан говорит:

      странно — должен поддерживать. я тоже на хроме — все прекрасно работает

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *