Diferença entre display none e visibility hidden - Fórum CodigosnaWeb.com

Diferença entre display none e visibility hidden

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

Moderador: web

Assista o vídeo    Busque no Youtube
web
ADMIN
ADMIN
Mensagens: 15576
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

Diferença entre display none e visibility hidden
Comentários
Carregando comentários
Comente
Nome *

Seu e-mail *

Seu comentário *

0 caractere(s)

Re(carregar) imagem


Comentários que não serão aprovados:
- Com palavrões;
- Com palavras ofensivas contra alguém;
- Com publicidade;
- Com spam;
- Que não tenha relação com o assunto da página comentada;
- Com perguntas. Para perguntar poste no fórum.

Voltar para “CSS, Tableless e Webstandards”

Quem está online

Usuários neste fórum: Bing [Bot] e 3 visitantes