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

Home Forums CSS Making A Div Appear When Hovering Over Another?

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

    Is there a way to make a div appear when hovering over another div?
    I have this header:
    And wanted put transparent divs on top on the separate text sections, and have the corresponding divs show up in the empty space below all of the text.
    I thought I’d had the correct codes to use, but nothing I’ve tried will work.

    Is there a way to do this in all CSS? & Of course not having everything all in the same div, because there are 4 different ‘parent’ divs, and 4 different ‘child’ divs…

    Any help is appreciated!


    Unless the appearing divs are child elements of the hovered divs this is not possible in CSS.

    However, you can do this quite easily in jQuery.

    Hope you find this useful :)


    If you can put your links at the top of your markup you can use some dirty code like this :)


    You can probably make it work with a onhover or mousover function. just make it so the function hides the div when it’s inactive, and shows the div when the function is active.

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