Forums

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

Home Forums CSS [Solved] hover div bigger as it's parent container

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #160560
    elcomportal
    Participant

    Hi, i want to display some product description boxes. At an mouse over i want to display a 2nd div, which contains some more informations. This div have to be bigger (higher) as it’s parent div. But it must overlap the next div’s. I tried something, but it doesn’t work. The div side-b is not displayed complete. Here is a jsfiddle: http://jsfiddle.net/elcomportal/bP9rS/1/

    Thanks for helping me… regards Torsten

    #160567
    MikesBarto2002
    Participant

    Not sure I’m understanding what you are asking here, because the demo looks like it works fine. Are you saying that per your example, the div that appears when you hover over the first div should overlap the div below that one, ie. the second item?

    #160568
    elcomportal
    Participant

    Yes, the div should overlap the div below.
    I have tried with z-index, but it also not work.
    regards Torsten

    #160617
    Paulie_D
    Moderator

    Like this?

    http://jsfiddle.net/Paulie_D/8h3TQ/

    I removed the overflow:hidden and changed the hovered height.

    #160640
    elcomportal
    Participant

    Yes!!!! Thank you. I tried so much, but this “overflow: hidden;” – i thinked it have to be for not showing the scroll bars…
    Best regards
    Torsten

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