Инструменты пользователя

Инструменты сайта


modernizr

Назад

Статья

Modernizr - это небольшая JavaScript библиотека, которая добавляет классы к <html> элементу, которые позволяют нацеливаться на специфичную функциональность браузера в ваших таблицах стиля, без написания скриптов.

При загрузке сайта, Modernizr выполняет скрипт, в результате чего, добавляет созданные им классы к <html>. Таким образом: заменяется <html class=«no-js»> на <html class=«js … borderradius boxshadow textshadow …»> . Эти классы вы можете использовать в таблицах стилей для оформления нужных вам элементов. Кроме этого, Modernizr дает возможность поддержки новых семантических элементов из HTML5 спецификации, при помощи вложенного скрипта.

Например, Вам надо, чтобы у <div class=«box»> была тень и при этом задать определенный вид для браузеров не поддерживающих box-shadow.

<div class="box">
 
.boxshadow div.box{ 
/*стили для поддерживающих тень браузеров */
}
.no-boxshadow div.box {
/* не поддерживающих */
}
.no-boxshadow и .no-boxshadow создается Modernizr , а не вами.