Treehouse: Grow your CSS skills. Land your dream job.

Overlaying an animated div on other divs

  • # May 20, 2010 at 4:04 pm

    Hi All,
    I have a problem that I have been wrestling with for a couple of hours. I have an animated div which I want to slide over another set of divs when the mouse is over the adjacent trigger area. I have tried using various combinations of position fixed, absolute and relative but I can’t seem to achieve what I am looking for. In my code I want the red div to slide over the top of the green divs when the mouse is over the grey divs.

    I had thought of using absolute positioning on the sliding div and getting the correct position from the browser window size to set the left property but a) I wasn’t sure how it would behave if the browser window is resized and b) I didn’t know how to do it :oops:

    Here’s my code:



    Any help would be much appreciated.

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.