2011-04-06 104 views
0

这是我的菜单用于我的应用程序,这可以在除谷歌浏览器以外的所有浏览器。浏览器兼容的asp菜单css不工作在谷歌浏览器

在谷歌浏览器中我无法获得子菜单。在IE浏览器中,我将会看到子菜单。这是我的母版页中使用的部分..

在此先感谢....

的CSS是如下:

.DynamicMenu 
{ 
    border-right: solid 1px #e1ebf7; 
    border-top: solid 1px #e1ebf7; 
    border-left: solid 1px #e1ebf7; 
    border-bottom: solid 1px #e1ebf7; 
} 

.DynamicMenuItem 
{ 
    padding-right: 4px; 
    padding-left: 4px; 
    font-size: 11px; 
    padding-bottom: 4px; 
    padding-top: 4px; 
    background-color: #e1ebf7; 
    color: #333; 
    font-size: 11px; 
    font-family: tahoma; 
    border-bottom: solid 1px #FFFFFF; 
} 

.DynamicMenuItem A:link 
{ 
    color: #333; 
    font-size: 11px; 
    font-family: tahoma; 
} 

.DynamicMenuHover 
{ 
    background-color: #9cb7d8; 
} 

.DynamicMenuItem A:hover 
{ 
    color: White; 
    background-color: #9cb7d8; 
} 

.DynamicMenuSelected 
{ 
    color: white; 
    font-weight: bold; 
    font-size: 11px; 
    font-family: tahoma; 
    background: url(../../Images/heding1-bg.gif) repeat-x; 
} 

.DynamicMenuSelected A 
{ 
     color: white; 
    font-weight: bold; 
    font-size: 11px; 
    font-family: tahoma; 
    background: url(../../Images/heding1-bg.gif) repeat-x; 
} 

.DynamicMenuSelected A:hover 
{ 
    color: white; 
    font-weight: bold; 
    font-size: 11px; 
    font-family: tahoma; 
    background: url(../../Images/heding1-bg.gif) repeat-x; 
} 

这是HTML代码....

<asp:Menu ID="IDMMenu" DataSourceID="SiteMapDataSource1" runat="server" Orientation="Horizontal" 
    StaticDisplayLevels="1" StaticPopOutImageUrl="~/Images/menuArrow_down.gif"> 
    <StaticMenuStyle CssClass="TabMenu" /> 
    <StaticSelectedStyle CssClass="StaticMenuSelected" /> 
    <StaticMenuItemStyle CssClass="StaticMenuItem" /> 
    <StaticHoverStyle CssClass="StaticMenuHover" /> 
    <DynamicSelectedStyle CssClass="DynamicMenuSelected" /> 
    <DynamicMenuStyle CssClass="DynamicMenu" /> 
    <DynamicMenuItemStyle CssClass="DynamicMenuItem" /> 
    <DynamicHoverStyle CssClass="DynamicMenuHover" /> 
    </asp:Menu> 
+0

请看问题预览发布前,因为你会看到一个问题,您的代码格式... – Blender 2011-04-06 04:44:53

+0

ķ感谢...做你的答案? – 2011-04-06 04:45:51

+0

如果你说英文而不是文字,这将是很好的;我会看看它。你能发布你的HTML代码吗? – Blender 2011-04-06 04:48:54

回答

0

我遇到了同样的问题,其中ASP子菜单没有显示在IE10或Chrome中。我固定我的问题,通过添加以下代码到Page_Load方法:

if (Request.UserAgent.IndexOf("AppleWebKit") > 0) 
{ 
    Request.Browser.Adapters.Clear(); 
}