Los dos atributos CSS display:none y visibility:hidden permiten ocultar un elemento en el navegador. En este artículo te explicamos la diferencia entre ellos.
¿Cuál es la diferencia entre ambos?
-
visibility:hidden oculta el elemento pero sigue conservando el espacio que ocupaba. Por tanto, los elementos adyacentes conservan su ubicación.
-
display:none elimina el elemento definitivamente. Según sea el caso, el espacio que ocupaba es ocupado por los elementos adyacentes como si el elemento ya no existiera.
¿Quieres saber más de programación? ¡Visita nuestro foro!
Webmaster
- Display none
- Diferencia entre display none vs visibility hidden
- Display hidden
- Display entering sleep mode > Foros - Monitor
- Display going to sleep > Foros - Hardware
- Display entering sleep mode solucion > Foros - Monitor
- Non system disk or disk error > Foros - Windows 7
- Non-system disk or disk error replace and strike any key when ready > Foros - Portátiles
- Cómo quitar el subrayado de los enlaces en HTML/CSS
- Cómo colocar un icono o favicon en HTML
- Por qué no aparecen imágenes en una página web
- Cómo adaptar una página web a diferentes resoluciones
- PhpMyAdmin: #1045 Access denied for user root@localhost
- Cómo crear una DIV transparente con CSS
- Cómo modificar la altura de un elemento HTML en Javascript
- Php/xhtml: cómo mostrar el código de páginas web
- Cómo insertar un PDF en una página web
- Índice indefinido en PHP: cómo solucionar errores
- Cómo redireccionar una página en PHP
- Cómo verificar el formato de una dirección de correo
- Cómo obtener la altura de un elemento HTML en Javascript
- Cómo verificar el dominio de una dirección de correo con PHP
- Cómo cambiar el aspecto del cursor
- Cómo integrar la función split() en Javascript
- Cómo detectar la resolución de la pantalla en PHP
- Las normas en ergonomía de software
- Cómo insertar espacios consecutivos en HTML
- Cómo alojar imágenes en la Web con ImageShack
- Cómo crear una página web dinámica y bonita
- Cómo validar una página HTML
- Fuentes para páginas web: tipografía recomendada, genérica
- Cómo instalar Joomla en Wamp
- Cómo obtener la concatenación de cadenas en Javascript
- Cómo hacer un formulario en línea
- Criterios Ergonómicos: métodos de evaluación
- Apache y Windows: cómo crear un host virtual