Solved

Transparent menus in ASP.NET

Posted on 2006-10-20
6
1,271 Views
Last Modified: 2010-05-18
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
0
Comment
Question by:Dabas
  • 2
  • 2
6 Comments
 
LVL 20

Expert Comment

by:REA_ANDREW
ID: 17772789
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;
}
0
 
LVL 20

Expert Comment

by:REA_ANDREW
ID: 17772819
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;
}
0
 
LVL 27

Author Comment

by:Dabas
ID: 17777153
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
0
 
LVL 27

Author Comment

by:Dabas
ID: 17779941
I managed to solve the problem myself
All I needed was to add
DynamicMenuItemStyle-BackColor="beige"

Dabas
0
 
LVL 1

Accepted Solution

by:
kodiakbear earned 0 total points
ID: 17826175
Closed, 500 points refunded.
kb
Experts Exchange Moderator
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

In an ASP.NET application, I faced some technical problems. In this article, I list them out and show the solutions that I found.  I hope it will be useful. Problem: After closing a pop-up window, the parent page should be refreshed automaticall…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
This Micro Tutorial will teach you how to censor certain areas of your screen. The example in this video will show a little boy's face being blurred. This will be demonstrated using Adobe Premiere Pro CS6.
With Secure Portal Encryption, the recipient is sent a link to their email address directing them to the email laundry delivery page. From there, the recipient will be required to enter a user name and password to enter the page. Once the recipient …

785 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question