Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Agi

Div vazada ?

Por , em Desenvolvimento frontend

Recommended Posts

Agi    0

Agi
Postado

Olá Pessoal.

 

Eu criei uma div fundo com efeito hover, até aí tudo bem. O problema é que ao colocar uma div sobreposta a inferior o efeito hover não executa? Existe alguma propriedade e atributo para "vazar" a div sobreposta? Para que o efeito da div inferior execute normalmente ?

 

Alguém já vivenciou isso ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fernando Neto MH    13

Fernando Neto MH
Postado

Olha esse exemplo que fiz, com ele dá pra se basear como é entende? Se servi me reputa ai beleza? :thumbsup: 

<style>
body{
margin:0;
}
#fundo{
background:#0CF;
width:100%;
height:100%;
-webkit-transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-o-transition:all 0.5s ease-in-out;
position:fixed;
}
#fundo:hover{
background:#3F3;
}
#conteudo{
position:absolute;
background:#333;
width:900px;
top:0;
left:50%;
margin-left:-450px;
height:800px;
}
</style>
<body>
<div id="fundo">

</div>
<div id="conteudo">
Meu conteudo
</div>

</body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito