File tags: Internet Explorer

1

CSS für Internet Explorer (IE)

1. September 2010

Manchmal fragten wir uns, wie wir ein CSS-Stylesheet zu erzwingen nur für bestimmte Versionen von Internet Explorer. Nun, für die ich suchte, hier, wie:

<!--[if lte IE 7]>
Aquí dentro se muestra el contenido para una versión igual o inferior a Internet Explorer 7. (Notar el "lte").
<!--[else]>
Esto es para las versiones <strong>SUPERIORES</strong> a Internet Explorer 7.
<![endif]-->

Si queremos establecer una regla para mostrar el contenido en una determinada versión en concreto, solo hay que quitar el “lte”, lo que en este caso ejecutaría el bloque dentro del “if” solo cuando abrimos la página con IE 7 y ejecutaría el bloque del “else”, en las demás versiones de IE.

El “else” es prescindible, pero siempre hay que cerrar el “if” tal como se indica.

Por ejemplo, si queremos importar una hoja de estilos adicional cuando abramos la página con IE7 o inferior, podría quedar así:

<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/css/style_ie.css" /><![endif]-->
1 Comentario Tagged , ,