Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Galera é o seguinte.
To criando uma pequena loja virtual e queria que os produtos fossem exibidos da seguinte maneira:
http://carros.mercadolivre.com.br/volkswagen/jetta/
Quando o mouse tiver sobre o produto a div desse produto se expande sem movimentar os outros produtos.
Tentei usar um position:absolute só que não funcionou, os produtos ficaram alinhados a esquerda um sobrepondo o outro.
=/
Alguém pode me ajudar.
no hover, você pode usar o z-index.
Eu tentei usar só o z-index só que ele move o produto de baixo.Inseri o position:absolute e não sei o porque, quando passo o mouse em apenas um produto todos vão para a esquerda e um sobrepondo o outro :/
#produtos{ width:249px; height:360px; float:left; border-radius:2px; border:1px solid #000; padding:10px; margin:5px; transition:all 0.5s ease;}#produtos:hover{ border:1px solid #CCC; border-radius:1px; box-shadow:0 2px 6px rgba(0,0,0,0.2); height:450px; z-index:90; position:absolute;}
Esse é meu código
Up!
no hover, você pode usar o z-index.