2011-04-06 142 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(); 
}