Transparent menus in ASP.NET

Dabas
Dabas used Ask the Experts™
on
Please click on any of the red-arrowed menus on the left pane of the following link:

http://nev.romtech.com.au/

The menus have been tested against all of the popular browsers.
Unfortunately, the submenus do not look that good when viewed in the newest version of IE7.
Can anybody please help me find out why the submenu items appear in a transparent colour?

 <asp:Menu ID="NavigationMenu" runat="server" BorderColor="gray" BorderWidth="1" BorderStyle="Solid"
                        Width="150px" StaticMenuItemStyle-BorderWidth="1" StaticMenuItemStyle-BorderColor="white"
                        StaticSelectedStyle-BackColor="#ffffe0" StaticMenuItemStyle-Height="24px" StaticMenuStyle-BackColor="LightGrey"
                        StaticMenuItemStyle-ForeColor="darkblue" StaticMenuStyle-Font-Bold="true" StaticPopOutImageUrl="Images/ArrowRed.gif"
                        DynamicMenuStyle-Height="24px" DynamicMenuStyle-BackColor="LightGrey" StaticSelectedStyle-ForeColor="#B00000"
                        DynamicMenuItemStyle-BorderColor="white" StaticHoverStyle-ForeColor="Red" DynamicHorizontalOffset="5"
                        DynamicMenuStyle-BorderWidth="1" DynamicMenuItemStyle-ForeColor="darkblue" DynamicMenuStyle-Width="150px"
                        DynamicMenuItemStyle-Width="150" DynamicHoverStyle-ForeColor="Red" DynamicMenuItemStyle-BorderWidth="1"
                        DynamicMenuItemStyle-Height="24px" DynamicMenuStyle-BorderColor="gray" DynamicPopOutImageUrl="Images/RedArrow.gif"
                        DynamicSelectedStyle-BackColor="beige">

Please note: The Menu is in a cell of a Table. This is an HTML Table, not an ASP Table

TIA

Dabas
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
have you tried css?

give you cell a CssClass="YourClass" then in your CSS have this

.YourClass{
filter:alpha(Opacity=50);
-moz-opacity:0.5;
}
sorry small correction, byt the way just include this in any css class you wish to add transparency to

.YourClass{
filter:alpha(Opacity=50);
-moz-opacity:.5;
}

Author

Commented:
Thanks,

I do not want an Opacity of 50%
I want the page to load in IE7 the same as in IE6 and other browsers.
I am trying to find out why it behaves differently. Is it an IE7 bug?

Also, I had trouble with your suggestion, as Visual Studio complained with the following error:
 'filter' is not a known CSS property name
It seems VS2005 does not yet know about IE7 css enhancements?

Thanks again,

Dabas

Author

Commented:
I managed to solve the problem myself
All I needed was to add
DynamicMenuItemStyle-BackColor="beige"

Dabas
Closed, 500 points refunded.
kb
Experts Exchange Moderator

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial