Cookies en Outbook

Esta web utiliza cookies propias para ofrecer una mejor experiencia. Al navegar, aceptas dichas cookies.
  • Más información acerca de las cookies

Outbook

UI-Dev & more

Capas condicionales para evitar el uso de hacks CSS

En muchas ocasiones las distintas versiones de Internet Explorer interpretan la CSS un poco como quieren. Y es por eso que utilizamos hacks CSS (en inglés), que aunque en muchos casos cumplen con los estándares, de cara al futuro pueden ser un riesgo ¿Y si futuros navegadores los empiezan a interpretar? ¿Y si un navegador deja de necesitar esa regla CSS pero la sigue interpretando?.

En Alsacreations proponen la inserción mediante comentarios condicionales de Internet Explorer de capas con clases referidas a cada una de las versiones de Internet Explorer (enlace externo, en francés).

Por ejemplo, una capa que aparecería en IE7 e inferiores:

<!--[if lte IE 7]><div class="ie_7_e_inferiores"><![endif]-->
  [Contenido]
<!--[if lte IE 7]></div><![endif]-->

Ahora en IE7 y superiores

<!--[if gte IE 7]><div class="ie_7_y_superior"><![endif]-->
  [Contenido]
<!--[if gte IE 7]></div><![endif]-->

Y solo en IE7:

<!--[if IE 7]><div class="ie_7"><![endif]-->
  [Contenido]
<!--[if IE 7]></div><![endif]-->

Existen muchas combinaciones dentro de las posibilidades que dan los comentarios condicionales de Internet Explorer.

Saber más: Une «classe conditionnelle» pour IE 6 et 7 (enlace externo, en francés).

Publicado

Categorías: