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

Home Forums CSS [Solved] Fix overlay issue

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #206224


    i got this overlay created but it don’t work 100%.

    the hover effect is sometimes disappear..

    please i need a help how to fix it.

    thanks a lot


    I’m confused as to what you are trying to do.

    Are you trying to overlay JUST the image?



    sorry for lack of details..

    what im trying to do is have a image with overlay.. + with overlay effect the text from outside come over the image and overlay.. and it all have to be clickable area…


    I think this is the sort of thing you are after…it’s much simpler.

    The real problem is that it can’t be clickable as links can’t contain other links.

    So either the whole overlay can be a link (which is easy) BUT it can’t have another link inside…OR you use Javascript to make the overlay clickable.


    thanks paulie..

    it looks nice and simpler. but it’s now 100% what i wanted..

    the text that come from outside should be visible always..
    before hover it should be displayed under the image.


    That’s easy…just remove the overflow hidden and opacity values.


    :) we are still missing..

    but is a good way.. the overlay (green color) should works as before.. so it should be separate from the text and shows only when hover.. just text stay visible always


    hi paulie.
    i just want let you know i make it as i want..

    but only on my live site, i dont extract the all needed code to codepen..

    you can see it here

    just dont look at the design and colors :D

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