Grow your CSS skills. Land your dream job.

A Help With This

  • # June 23, 2013 at 4:49 am

    I am working on a mega drop down menu for a website. I have finished the the markup and it’s working fine. http://ctrlshiftstudios.com/web
    Here is a little problem. When I hover on the about link, the background turns to gray in agreement with the gray background of the mega menu that dropped down. This is deliberate. Now, the problem is that when you now move the cursor inside the mega menu, the gray bg of the link will turn off. I want it to remain gray.

    I want something like this: http://www.jeep.com/en/

    Can someone help me fix this?

    # June 23, 2013 at 6:42 am

    If you look in the source you see `

    `, they use that for the grayed-out effect.

    Change `.one .a:hover` to `.one:hover .a` to fix they gray background part :)

    # June 23, 2013 at 10:21 am

    @Croco, you are the bomb. Fixed. Thank u.
    Now, how do I go about the smoothness of the drop down menu?

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".