Solved

Transparent menus in ASP.NET

Posted on 2006-10-20
6
1,269 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

One of the pain points with developing AJAX, JavaScript, JQuery, and other client-side behaviors is that JavaScript doesn’t allow for cross domain request for pulling content. For example, JavaScript code on www.johnchapman.name could not pull conte…
IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
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 …
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 …

939 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

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now