Tu Funcion, muestra un truco CSS muy interesante que nos permite mostrar uno de dos mensajes, dependiendo de si usamos Internet Explorer o Firefox sin utilizar Javascript.
El truco se basa en una de las características de IE que es el no aceptar los comentarios formados por doble barra (//), por lo que cualquier cosa seguida por // lo entenderá como parte del código. Por ejemplo:
El truco se basa en una de las características de IE que es el no aceptar los comentarios formados por doble barra (//), por lo que cualquier cosa seguida por // lo entenderá como parte del código. Por ejemplo:
// display: hidden;
Firefox lo tomará como comentario y no ejecutará e IE lo tomará como código y lo ejecutará. De esta manera, podemos mostrar diferentes cosas dependiendo del navegador. Por ejemplo, en este caso, el rectángulo inferior será rojo si no se usa Internet Explorer y verde si lo es.
La hoja de estilo necesaria es la siguiente:
La hoja de estilo necesaria es la siguiente:
#nonie, #iebased { margin: auto; margin-top: 20px; width: 400px; padding: 10px;
background-color: #f8e6e6; border: 1px solid #d2a2a2;
//background-color: #dbecd3; //border: 1px solid #b1d2a2; }
#nonie { //display: none; }
#iebased { display: none; //display: visible; }Y estos los dos DIVs que se obtendrían dependiendo del navegador:
<div id="nonie">No estás utilizando Internet Explorer.</div>
<div id="iebased">Estás utilizando Internet Explorer.</div>
No estás utilizando Internet Explorer.
Estás utilizando Internet Explorer.
