Drop Down Menu > Posts >

 

Give sub-menu an opacity

Tony
9 months ago
Viewed: 1017
1
Useful
How can I give sub-menu an opacity so that the sub-menu looks semi-transparent?

9 months ago
Milo   Edit
0

Take the template 1 of the drop down menu as an example. You can add a few lines to the CSS file:

#ddmenu div.drop
{
    ... ...
    opacity:0.9;
    filter:alpha(opacity=90);
}

The main menu's border will be visible due to the semi-transparent sub-menu. You can overcome this by giving a colour to the main menu's border-bottom:

#ddmenu ul
{
    ......
    border:1px solid #CC0000;
    border-bottom:1px solid white;
    ... ...
}


New Answer