Разные стили для разных браузеров · Скрипт

Стили для браузеров

Полезный скрипт позволяющий определять браузер и задействовать индивидуальные стили для каждого, имеется базовый набор классов CSS для самых распространённых браузеров.

Применение стилей для разных браузеров

Для подключения поместите скрипт в тело тега <body> на страницах использующих разные стили для разных браузеров.

<script src="//atmpl.ru/design/information/2015/style-browser/style-browser.js"></script>

Используйте базовые классы для определения браузерами.

Базовый класс для Mozila
class="firefox"
Базовый класс для Chrome
class="chrome"
Базовый класс для Safari
class="safari"
Базовый класс для Opera
class="opera"
Базовый класс для Internet Explorer
class="ie"

Пример применения стилей для разных браузеров.


<style>
.firefox .test-block{background:red;}
.chrome .test-block{background:green;}
.safari .test-block{background:blue;}
.opera .test-block{background:indigo;}
.ie .test-block{background:black;}
.test-block{width:100%;height:100px;}
</style>
<div class="test-block"></div>
<script src="//atmpl.ru/design/information/2015/style-browser/style-browser.js"></script>

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


Рейтинг: 5.0/5 из 2



Добавлено Автор Ник Источник Просмотров Комментариев Теги
15-01-2015 Михаил Меренков aTmpl © 915 0 script, Style, browser, class