Si aún eres de los que cree que IE es la última (la que sea) maravilla del mundo y que sin él Internet no sería lo mismo. Este artículo nos muestra que estas equivocado y que sabes menos de IE de lo que crees.
Usando un simple rollover, puedes hacer que tu navegador (IE) casque pero de lo lindo. Probado en un IE 6 (el 7 parece que corrige este problema).
CSS
#tooltip {
font-size: 1em;
float: left;
display: inline;
}
#tooltip A:hover {
float: left;
display: inline;
background-color: #dbe4f2;
text-decoration: none;
font-size: 1em;
}
#tooltip .toolbox A:hover span {
display: block! important;
font-size: 1.2em;
background: white;
border: black 1px solid;
color: black;
position: absolute;
padding: 5px;
min-width: 100px;
text-decoration: none;
}
HTML
<div id="tooltip">
<p class="toolbox">
<a style="position: relative; font-size: 1.2em;" href="#">Rollover your mouse here.
<span style="display: none; left: 60px; top: 5px">You just crashed Internet 3xpl0r3r.</a>
</p>
<br />Tested against Internet Explorer 6.0.2800.1106. SP1 / Q823353 / Q333989
</div>
RESULTADO (CUIDADO QUE TE PETARÁ EL IE 6)
Encontrando el fallo
Bueno, he estado mirando a ver si encontraba el fallo que hacía que IE 6.0 se colgara de esa manera y parece que he dado con él. Se simplifica en unas líneas de CSS que hacen que IE se vuelva loco y entre en un overflow, que como resultado da un error y se tenga que cerrar.
CSS
#tooltip A:hover { float: left;}
.toolbox a {position: relative; }
Es código nos está diciendo que cuando pasemos por encima del enlace (hover) esté se ponga a flotar a la izquierda. Pero la clase .toolbox
le está indicando que la a este en relativo con relación al texto. Esto parece hacer que IE, casque y nos dé ese fantástico error.
2 comentarios, 2 referencias
+
#