Pourquoi utiliser Modernizr si les navigateurs ignorent CSS qu'ils ne comprennent pas?

Question

Je travaille avec Modernizr et il est une ressource merveilleuse, juste un grand projet. Cependant, la façon dont je l'ai utilisé est:

• Conception avec la ligne de base (IE) CSS
• Améliorer les effets CSS3 pour les navigateurs avancés

À moins que j'allais remplacer complètement les styles en fonction du comportement, pourquoi ne devrais-je ajouter simplement des styles tels que les ombres de la boîte, les dégradés et les rayons de la frontière à la feuille de style? Si le navigateur ne comprend pas une règle, il suffit de l'ignorer, correct? Et si JavaScript est désactivé, je ne peux pas l'utiliser de toute façon.

Dois-je utiliser la méthode ci-dessus dans le cas typique, et Modernizr pour les cas avancés? Ou est-il quelque chose de mal à compter sur les navigateurs d'ignorer ce qu'ils ne comprennent pas?

Answer 1

Vous pouvez utiliser (html 5) éléments que certains navigateurs ne prennent pas en charge encore. vous pouvez également spécifier le style fallback.

Beaucoup de navigateurs créer leurs propres règles CSS pour des choses comme text-transform. Avec Modernizr vous pouvez écrire une règle et Modernizr fait se produire pour plusieurs navigateurs.

Je pense qu'il est juste de commodité.

Answer 2

Vous êtes tout à fait raison que les anciens navigateurs ignorent complètement une grande partie de ce qui est en CSS3.

A cause de cela, je fais mon CSS3 dans mes sélecteurs de base .. mais font souvent appel à des classes sans métrages du Modernizr pour gérer le cas du navigateur plus:

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'); 
}

J'espère que rend plus clair.