ksbunger1
asked on
DotNetNuke SolPartMenu- How to change the Opacity?
I am using DotNetNuke 4.8.2 and was hoping to make my SolPartMenu "See Through". The problem is, when I change the opacity for the submenu, it also makes everything "see through" including the text. I need the background color of the drop-down box to be "see through" but the font to stay a solid color. I also want the (SubMenuItemSelect) to be a solid color. So once your scroll over an item in the menu that item is no longer "see through". Any clue how I can achieve this?
I have included the code that I am using so far.
Thanks.
I have included the code that I am using so far.
Thanks.
//****SKIN FILE****//
<dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" separator="<img src="sep.jpg" valign="bottom" height="15">" RootMenuItemCssClass ="MyRootMenuItem" RootMenuItemSelectedCssClass="MyRootMenuSelectedItem" submenuitemselectedcssclass="SubMenuItemSelect" submenucssclass="spmsub" />
//****************//
//****CSS FILE****//
.spmsub{
background-color:#CCCCCC;
color:#FFFFFF;
font-family:Tahoma,Arial,Helvetica;
font-size:9pt;
font-style:normal;
font-weight:bold;
opacity: 0.2;
filter: alpha (opacity=20);
}
.spmsub .SubMenuItemSelect{
background-color: #CCCCCC;
color:#FFFFFF;
position: relative;
z-index:1000;
opacity: 1;
filter: alpha (opacity=100);
}
//**************//
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Perfect! This does exactly what I needed. Thank you!
My pleasure :)
ASKER