Diferença entre display none e visibility hidden - Fórum CodigosnaWeb.com
Você recebeu uma nova MP, clique aqui


Diferença entre display none e visibility hidden

Fórum sobre: CSS, Tableless e Webstandards, folhas de estilo

Moderador: web

Logar para Responder
Logar para Perguntar

 Diferença entre display none e visibility hidden em Sex Abr 01, 2011 12:14 pm

Usuário online web
15385 post(s)
ADMIN  Masculino
4448 ponto(s)

Quando queremos ocultar um elemento no documento, podemos usar o display none ou o visibility hidden.

A diferença básica entre os dois, é que o display none, esconde o elemento e o espaço que ele ocupa, por exemplo

Selecionar   Numerar   Testar HTML   Testar PHP   Testar MySQL   Como Funciona
a
<div style="display:none;">abc</div>
b

Se não tivesse o display acima, iria ser mostrado o a, pulado uma linha depois mostrado o b, mas, como o valor está none, a div e o espaço que ela ocupa somem.

Já com o visibility hidden, o espaço do elemento continua lá, somente não irá ser mostrado o elemento na tela.

Selecionar   Numerar   Testar HTML   Testar PHP   Testar MySQL   Como Funciona
a
<div style="visibility:hidden;">abc</div>
b



mais 1

0 resposta(s)



 Busca Dinâmica

Clique em alguma palavra-chave para buscar, ou busque uma frase na caixa de pesquisa a seguir.

Diferença entre display none e visibility hidden




Logar para Responder
Logar para Perguntar




Voltar para CSS, Tableless e Webstandards

Quem está online

Usuários navegando neste fórum: Google [Bot] e 1 visitante


CodigosnaWeb   CodigosnaWeb/forum   codigosnaweb HOTMAIL   Pousadas de Floripa   RSS do site