JMiur [E]

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:
// 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:
#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.

5 comentarios:

Wind Walker  

creo que se equivocó en la parte donde puso los codigos html de los divs que identifican los navegadores ^^



igual está muy util, lo otro que tambien pasa con internet explorer es que ie tambien acepta las declaraciones css si es que empiezan con un guion bajo, ¿me explico?, en mi blog de moviles, hay un div que tiene publicidad y que primero dice display:none; para todos los navegadores y despues dice _display:block; para que lo muestre sólo IE

Responder
JMiur  

Pué, hombre, tienes razón, me había comido la palabra NO ¿Y mira que lo revisé 20 veces!

Gracias, ya está corregido (CREO) :$

Por cierto, lo del guión también es cierto y, según creo hay muchas más de estas cosillas.

Responder
Anónimo  

Acabo de ver esta entrada con IE8 y me dice que no estoy usando Explorer... ¿anda mal o qué?

Responder
PulsoTwitter.com  

Admirado JMiur,

Te he enviado un correo con el encabezado NECESITO AYUDA. Como es la primera vez que te mando algo es posible que te ingrese al spam o similar. Agradecería que le echaras un vistazo. Un abrazo y felicitaciones por la web.

Responder
JMiur  

OK. Veremos de que se trata.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR