Bug de texto invisible en Internet Explorer 6
Eva pertenece al área de desarrollo web de la compañía MnSoft como desarrollador senior de ésta. Su experiencia en maquetación web con CSS y XHTML le permite participar en el diseño y maquetación de grandes proyectos. Su capacidad para optimizar recursos en complejos diseños es extraordinaria.
El problema que me provocó Internet Explorer 6, me resultó bastante curioso porque no encontraba ningún sentido a lo que estaban viendo mis ojos.
El caso es que me dispuse a insertar texto dentro de unas etiquetas de párrafo <p> Lorem ipsum...</p> para el contenido de mi web.
En Opera, Mozilla Firefox, Internet Explorer 7 todo es correcto, pero cuando me dispongo a comprobarlo en Internet Explorer 6, descubro que dichos textos no son visibles. Pero lo realmente curioso es que estos textos existen, porque cuando selecciono con el ratón donde deberían estar, aparecen. Además, cuando se hace scroll hacia abajo y se vuelve a hacer scroll hacia arriba también aparecen.
Así que me dispuse a investigar un poco hasta que encontré la solución.
Aunque parezca increíble, la condición que provocaba el bug es que el contenedor donde se encontraban los elementos de párrafo <p> Lorem ipsum...</p>
tenia una posición relativa position:relative; y los elementos de párrafo "p" no la tenían.
Solución:
Dicho esto la solución será tan simple como asignar a nuestros elementos "p" la propiedad posición relativa
<p style="position:relative"> Lorem ipsum...</p> o quitarle a su contenedor dicha propiedad.
Si consideras esta página útil, puedes poner un enlace a ella. Solo hay que copiar el texto del recuadro gris y pegarlo en tu web.
Así se mostrará en enlace : Como hacer un banner con Inkscape