I have a div
which has 2 images inside of it. Both the images are wrapped in a single a
tag.
The first image is a solid image, it has a relative position. The second image is a transparent PNG that sits over the top of the solid image with absolute positioning. Both images are the same size & both images have a lowered opacity.
Basically I want to be able to transition both images to full opacity on hover, but as the transparent PNG covers the solid image completely. Using :hover
only triggers the transition for the top image, because I'm technically not hovering over the solid image below.
Is there any way this can be achieved?