Ir para conteúdo

POWERED BY:

Arquivado

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

Rodrigo_Limeira

Hover no menu muda cor de todo o site

Por , em Desenvolvimento frontend

Recommended Posts

Rodrigo_Limeira    0

Rodrigo_Limeira
Postado

Boa noite. Estou tentando criar um menu que, ao selecionar um dos itens, o fundo também muda de cor. O melhor exemplo que conheço do que eu imagino é este: http://redhotchilipeppers.com/

Tentei fazer assim:

<html>
 <head>
 <style>
.fundo {
background-color:grey;
}
.div1:hover .fundo {
background-color:green;
}
 </style>
 </head>
 <body>
   <div class="fundo">
   <div class="div1">1</div>
   <div class="div2">2</div>
   <div class="div3">3</div>
   <div class="div4">4</div>
   </div>
 </body>
</html>

 

Só que isso não funcionou. A única coisa que consegui fazer foi usando o código desta maneira:

 

.fundo:hover .div1{
background-color:green;
}

Só que, desta forma, a função está invertida. Quero que, quando passe o mouse pelo numero, no caso, mude a cor do fundo.

Olhando no código fonte do site que passei antes, também não entendi como foi feito. É colocada uma classe no body e adicionam uma imagem em branco ao fundo. Isso é algum tipo de técnica?

Agradeço muito se alguém puder me ajudar.

Abraços

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