Desarrollo front-end, estándares web, accesibilidad y más
Por kcmr, el 5 de abril de 2008 en Accesibilidad, CSS, Cajón de sastre
La forma más accesible de ocultar un elemento en pantalla que sí debe estar disponible para otros medios, es aplicándole a ese elemento posición absoluta y sacándolo fuera del área visible de la pantalla mediante un valor negativo (a la iquierda) bastante exagerado, por ejemplo, -99999em.
La posición absoluta evita que otros elementos se posicionen respecto a él consiguiendo que el elemento oculto se “muestre” como si tuviera un estilo display: none.
Sin embargo, esta técnica no funciona como debería aplicada a etiquetas legend en Firefox, ya que se sigue manteniendo el espacio que ocuparía en pantalla.
Para evitar esto, simplemente añadimos a nuestra clase para ocultar elementos la declaracion line-height: 0.
Campos obligatorios marcados con asterisco *
Un comentario
Por joe, el 26 de marzo de 2010
tengo problema con un div al mostrar una imagen background, utilizo la etiqueta display osea=
En safari no hay problema al hacer click me despliega la imagen y el texto pero firefox no me despliega la imagen, alguna solución para esto se los agradecería mucho.