Color and Appearence of the Menu

Do you have a solution to have

1 - the menu transparent color once developed in order to have any image behind visible

2 - the shape of the box of child menu round angle

Thanks

add this to bottom of template_css.css:

.mnu_mainmenu ul {
background:rgba(255,255,255,0.5)!important;
}


0.5 is transparency level

Drop down is rounded already???

Thank you for the clue.

I did as follow to keep the control of the color by Template Manager. It's much more easier to change color by back end.

As I have two languages I did for each of them just for their opacity :

.mnu_menu-fr ul {
opacity:0.9;
}

.mnu_menu-en ul {
opacity:0.9;
}

.mnu_menu-fr li {
opacity:0.9;
}

.mnu_menu-en li {
opacity:0.9;
}


And finally the drop down menu has border radius but not child.

UL.menu li{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

Thanks

Note that opacity is not compatible with all browsers

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;

Could you please explain more how to I code it just with COPACITY and tell me in which browser it cause problem because I tested it with IE 11, Firefox 25, Safari 5.1.7 and Opera 17

Thanks

just add other properties below opacity, so like this:

.mnu_menu-fr ul {
filter: alpha(opacity=90);
-moz-opacity: 0.9;
-khtml-opacity: 0.9;
opacity:0.9;
}