¿Cómo gestionar la incompatibilidad del navegador para la programación html5 y css3

A pesar de todos los navegadores modernos logran CSS3 bastante bien estos días, Internet Explorer (sobre todo las versiones anteriores) es bien conocido por hacer las cosas de un modo no estándar. Aquí hay algunos trucos para ayudarle a lidiar con la incompatibilidad.

Video: HTML5 y CSS3 - 14 - Text-shadow y la compatibilidad de css3

Cómo hacer que el código de Internet Explorer-específica

Es un poco más fácil para usted para ver cómo funcionan los comentarios condicional mediante la visualización de un ejemplo sencillo y luego ver cómo utilizar el comentario condicional truco para solucionar los problemas de incompatibilidad CSS.

Aquí es una simple página con Firefox.

Aquí se muestra en IE 7.

Tome un vistazo al código de IEorNot.html y ver cómo funciona.

IEorNot.html

Ahora voy a usar un comentario condicional para determinar yourbrowser. Te dejaré saber si está utilizando Internet Explorer.

La mayoría de los navegadores van a leer una hoja de estilo estándar que crea un fondo amarillo.

Si la página se representa en IE, se utiliza una segunda hoja de estilo.

Mirar el código, y verá que es muy similar a la página IEorNot.html.

WhatBrowser.html

Construir un nuevo estilo IE-específica dentro del comentario.

El estilo dentro del comentario se aplica sólo a los navegadores IE, como en las siguientes líneas: