Olá. . . Eu já adicionei esse código:
E a imagem está uma embaixo da outra e não sobrepondo. .
Como faço a utilização do hover no css?
Eu estou usando assim:
.prateleira .product-image:after img {
max-width: 290px;
height: auto
}
.prateleira .product-image:hover .seg img {
max-width: 290px;
height: auto
}
MAS NÃO ESTÁ FUNCIONANDO. . PRECISO DE AJUDA!
OBRIGADO!
Boa tarde, nesse caso você vai precisar tratar com uma imagem com position relative e a outra com absolute para que uma fique por cima da outra e o controle sobre qual mostrar pode ser feito com opacity
Vlw. . Mas não conseguir aqui. . .
Acha que a melhor maneira de fazer isso é dessa forma ou com onmouseout e onmouseover?
Hey Italo, how’s it going?
Use position:absolute on your second image. Then you can use z-index to control the overlap with hover. It’s also worth adding a transition, so it doesn’t look visually “abrupt”.
Hope that helps, cheers.