ASP Menu opacity\transparency concern
Hello All
I am using asp:menu control to display the menu. The menu is two level deep.
The requirement is to keep the menu transparent. I am using filter: alpha(opacity=40); in the css to get the required opacity. The concern is when the above mentioned line is used the menu stops displaying the second level submenu.
I have also tried to use the background color as transparent but in vain.
please let me know what can be done to acheived the desired.
I am using asp:menu control to display the menu. The menu is two level deep.
The requirement is to keep the menu transparent. I am using filter: alpha(opacity=40); in the css to get the required opacity. The concern is when the above mentioned line is used the menu stops displaying the second level submenu.
I have also tried to use the background color as transparent but in vain.
please let me know what can be done to acheived the desired.
ASKER
Thanks tommyBoy; however even after applying the suggested solution problem still exists. I am using IE8.
ASKER
Hello All,
Here is the latest update. I was able to make it work after dumping the z-index property. However when I published the website and deployed the code the asp Menu becomes opaque. Any suggestions why this could be or how can I keep my asp Menu translucent even after it is published.
Here is the latest update. I was able to make it work after dumping the z-index property. However when I published the website and deployed the code the asp Menu becomes opaque. Any suggestions why this could be or how can I keep my asp Menu translucent even after it is published.
You're ahead of me. I could not get it to be translucent in IE8 no matter what I tried using css alone. The best I could come up with was to skip the opacity filters completely and go with a semi-transparent gif background image.
I also investigated the use of "control adapters" at this web site: http://cssfriendly.codeplex.com/ but did not get very far. By default, asp:Menu is rendered as a table. The control adapters are supposed to allow you to get asp to render asp:Menus as divs instead. I reasoned that this might be more css friendly or at least give you more options. Then I figured it was too much trouble to do all that to overcome yet another MS shortcoming when you could just design your own menu from scratch and it would work the way you want it to.
I also investigated the use of "control adapters" at this web site: http://cssfriendly.codeplex.com/ but did not get very far. By default, asp:Menu is rendered as a table. The control adapters are supposed to allow you to get asp to render asp:Menus as divs instead. I reasoned that this might be more css friendly or at least give you more options. Then I figured it was too much trouble to do all that to overcome yet another MS shortcoming when you could just design your own menu from scratch and it would work the way you want it to.
ASKER CERTIFIED SOLUTION
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
filter: alpha(opacity=40);
-ms-filter: "progid:DXImageTransform.M
opacity: 0.4;