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}

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: