1. Introducción
Este artículo incluye 8 soluciones muy útiles que utilizará cuando tenga problemas con el diseño CSS.
2. Selectores específicos del navegador
Estos selectores serán muy útiles cuando necesites diseñar CSS para un determinado navegador.
IE6 y versiones inferiores
| *html{} |
IE7 y versiones inferiores
*:primer hijo+html {} * html {} |
*:primer hijo+html {} |
html>cuerpo{} |
| html>/**/cuerpo{} |
Opera9 y versiones inferiores
html:primer hijo {} Safari html[xmlns*=""] cuerpo:último hijo {} |
Para utilizar estos selectores, colóquelos antes del estilo. Por ejemplo:
#caja de contenido { ancho: 300px; altura: 150 px; } *html #caja de contenido { ancho: 250 px; } /* anula el estilo anterior y cambia el ancho a 250px en IE 6 y versiones anteriores */ |
3. Deje que IE6 admita la transparencia PNG
Un error en IE6 causó grandes problemas, no admitía imágenes PNG transparentes.
Necesitas usar un filtro CSS.
*html #estilo-imagen { imagen de fondo: ninguna; filtro:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil ename.png", sizeMethod="escala"); } |
4. Elimina la línea de puntos del hipervínculo (solo válido para FF)
En Firefox, cuando haces clic en un hipervínculo, aparecerá un contorno de puntos en la periferia. Esto es fácil de resolver, simplemente agrégalo al estilo de la etiqueta.
| esquema: ninguno. a{ esquema: ninguno; } |