alternativa a display:none
febrero 7, 2011
Si queremos usar una imagen de fondo en un enlace a menudo tenemos que ocultar el texto. Lo habitual suele ser
a span { display: none }
Si no tenemos acceso al código, y no tenemos un span, las alternativa puede ser:
font-size:0px
a { font-size: 0px; line-height: 0%; /* Opera deja un pixel de mancha que se puede ocultar con el fondo */
color:transparent
El truco funciona para firefox, Opera y Chrome, aunque no es CSS válido):
color: transparent
text-indent: -9999px
Si el texto a ocultar es de una sola línea puedes probar con:
a {text-indent: 9999px}
Anuncios