Зачем использовать Modernizr, если браузеры игнорируют CSS, который они не понимают?

Question

Я работал с Modernizr , и это замечательный ресурс, просто отличный проект. Тем не менее, я использовал его так:

• Дизайн с базовой линией (IE) CSS
• Улучшение с помощью эффектов CSS3 для продвинутых браузеров

Если я не собирался полностью заменять стили, основанные на поведении, почему бы мне просто не добавить стили, такие как тени ящиков, градиенты и радиусы границ, в таблицу стилей? Если браузер не понимает правила, он просто игнорирует его, правильно? И если JavaScript отключен, я все равно не могу его использовать.

Должен ли я использовать вышеупомянутый метод в типичном случае, а Modernizr для сложных случаев? Или что-то не так с браузерами, игнорирующими то, чего они не понимают?

Answer 1

Вы совершенно правы, что старые браузеры полностью игнорируют многое из того, что есть в CSS3.

Из-за этого я делаю свой css3 в моих основных селекторах ... но часто использую классы не-функций modernizr для обработки старого варианта браузера:

div.box { 
         height:50px; 
         -moz-box-shadow: 3px 3px 5px #555; 
         -webkit-box-shadow: 3px 3px 5px #555; }

div.box span.fakeshadow { 
         display:none; 
}

.no-boxshadow div.box span.fakeshadow { 
         display:block; background: url('fakeshadowbg.png'); 
}

Надеюсь, это прояснит ситуацию.

Answer 2

Вы можете использовать (html 5) элементы, которые некоторые браузеры пока не поддерживают. Также вы можете указать запасной стиль.

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

Я думаю, это просто удобство.