Sígueme

R L E F G I

Buscar

Cargando

Lo último del blog

Hosting

Xitrus está alojado en:

Comentarios condicionales para IE

Este artículo fue una petición @Anewryzm, que necesitaba añadir una hoja de estilo independiente para Internet Explorer, que en el no se veía bien una plantilla que estaba creando.
Una de las formas más fáciles y efectivas de poder hacer que solo Internet Explorer ejecute un código, añada una hoja de estilo o simplemente muestre un texto es usar comentarios condicionales que solo interpreta IE y además podemos establecer para que versión lo hará.

Como funciona

Este tipo de comentarios solo los lee IE, los demás navegadores simplemente lo ven como un comentario y podemos usarlo en cualquier parte del código y añadir cualquier cosa dentro.


					
						<!--[if IE]>
					
							Código que leerá IE
					
						<![endif]-->

Cambiar las condiciones

Este sistema nos deja elegir que versión de IE podrá leerlo (por ejemplo las inferiores de IE8 o las superiores a IE6) y esto se hace con los siguientes operadores:

Operador !: este operador niega toda la condición (si se permite de IE8 para arriba al poner este operador se negará y no verán el código las versiones superiores a IE8).
Operador lt: significa "less than" (menos que) y al usarlo solo las versiones inferiores a las que especifiquemos verán el código.
Operador lte: este es igual que el anterior pero la versión especificada leerá el código (en el lr no se incluye la especificada).
Operador gt: este significa "greater than" (mayor que) y las versiones superiores a las que especifiquemos verán este código.
Operador gte: al igual que lte es como el operador gte pero incluye la versión que especificamos.


					
						<!--[if IE 8]>
					
							Código que leerá IE 8
					
						<![endif]-->
					
						<!--[if lt IE 9]>
					
							Código que leerán IE inferiores a 9
					
						<![endif]-->
					
						<!--[if gte IE 8]>
					
							Código que leerán IE superiores a 8 (también incluido)
					
						<![endif]-->

¿Qué podemos hacer?

Dentro de estos códigos podemos añadir como antes he dicho hojas de estilo, por ejemplo, es un habito muy común cuando queremos añadir CSS solo para IE.
Internet Explorer en algunos aspectos tiene incompatibilidades y también podemos añadir un mensaje que avise a tus visitantes como "este navegador es incompatible".

Comentarios