¿Por qué utilizar Modernizr si los navegadores ignoran CSS que no entienden?

Question

he estado trabajando con Modernizar y es un recurso maravilloso, simplemente un gran proyecto.Sin embargo, la forma en que lo he estado usando es:

• Diseño con CSS de referencia (IE)
• Mejore con efectos CSS3 para navegadores avanzados

A menos que fuera a reemplazar completamente los estilos según el comportamiento, ¿por qué no debería simplemente agregar estilos como sombras de cuadro, degradados y radios de borde a la hoja de estilo?Si el navegador no comprende una regla, simplemente la ignorará, ¿correcto?Y si JavaScript está desactivado, no puedo usarlo de todos modos.

¿Debería utilizar el método anterior en el caso típico y Modernizr para casos avanzados?¿O hay algo de malo en confiar en que los navegadores ignoren lo que no entienden?

Answer 1

Puede utilizar (html 5) elementos que algunos navegadores no soportan todavía. También puede especificar un estilo de reserva.

Una gran cantidad de navegadores crear sus propias reglas CSS para cosas como text-transform. Con Modernizr puede escribir una regla y Modernizr lo hace posible para múltiples navegadores.

Creo que es simplemente la comodidad.

Answer 2

Usted es totalmente correcto que los navegadores antiguos ignoran por completo gran parte de lo que hay en CSS3.

Debido a eso, hago mi CSS3 en mis selectores básicos .. pero a menudo hacen uso de las clases no-característica de la Modernizr para manejar el mayor caso navegador:

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

Espero que hace que sea más clara.