Diferença entre display none e visibility hidden

Fórum sobre: CSS, Tableless e Webstandards, folhas de estilo
Assista o vídeo    Busque no Youtube
web
ADMIN
ADMIN
Mensagens: 15721
Registrado em: Sáb Jan 20, 2007 6:08 PM
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contacto:

Diferença entre display none e visibility hidden

Mensagempor web » Sex Abr 01, 2011 11:14 AM

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

Código: Selecionar todos   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.

Código: Selecionar todos   Testar HTML   Testar PHP   Testar MySQL   Como Funciona

a
<div style="visibility:hidden;">abc</div>
b
Se gostou do conteúdo, participe e divulgue.
0


OS MAIS RECENTES

COMENTÁRIOS
Ainda não há comentários. Seja o primeiro!

COMENTAR

Voltar para “CSS, Tableless e Webstandards”

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado

Rolar para o topo