The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Image overlay will not align correctly?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #198176

    I am trying to get an overlay image to be placed on top of another image while a user hovers over a certain image. The problem that I am having is mainly its position. I have tried to change the

    .gallery-photos:after {position: absolute;}


    .gallery-photos:after {position: relative;}

    but all that did was make the overlay image disappear completely. Here is a codepen of the project that you can perhaps fix up for me so that the overlay image is placed directly on-top of the image below it. ( As you can tell no matter what image you hover over the overlay is placed in the same spot )

    Best regards,

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.