鉻不顯示圖像的CSS

我有包含在一個ASCX文件的菜單欄，我用下面的CSS樣式：鉻不顯示圖像的CSS

.Menu 
{ 
    background:transparent url(../images/blueslate_background.gif) repeat-x; 
    text-align:center; 
    font-family : "lucida grande", tahoma, verdana, arial, sans-serif; 
    font-size:12px; 
    font-weight:bold; 
    border: None 0px #fff !important; 
} 

.menuhover 
{ 
    color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) repeat-x left center; 
}

這是我的控制MenuControl.ascx設計源：

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="MenuControl.ascx.cs" Inherits="MenuControl" %> 
<link rel="stylesheet" href="css/Menu3.css" type="text/css" /> 
<div id="header" align="center" > 
<table width="100%" cellpadding ="0" cellspacing ="0" align="center"> 
<tr> 
<td align="center"> 
    <asp:Menu ID="Menu1" runat="server" Orientation ="Horizontal" CssClass="Menu" 
     ForeColor ="Black" Width="100%" ScrollDownText=""> 
    <StaticMenuItemStyle Height ="40px"/> 
    <DynamicMenuItemStyle CssClass ="Menu" Height="30px" HorizontalPadding="10px" /> 
    <dynamichoverstyle CssClass ="menuhover"/> 
    <StaticHoverStyle CssClass ="menuhover"/> 
    <%--<Items> 
      <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home" Value="Home"> 
      </asp:MenuItem> 
      <asp:MenuItem NavigateUrl="~/Register.aspx" Text="Register" Value="Register"> 
      </asp:MenuItem> 
<asp:MenuItem Text="Services" Value="Services" NavigateUrl="#"> 
    <asp:MenuItem Text="Corporate Services" 
     Value="Corporate Services" NavigateUrl="#"></asp:MenuItem> 
    <asp:MenuItem Text="New Item" 
     Value="New Item"></asp:MenuItem> 
</asp:MenuItem> 
      <asp:MenuItem NavigateUrl="#" Text="Tools" Value="New Item"> 
       <asp:MenuItem NavigateUrl="#" Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet"></asp:MenuItem> 
       <asp:MenuItem NavigateUrl="#" Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet"></asp:MenuItem> 
       <asp:MenuItem Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet" NavigateUrl="#"> 
       </asp:MenuItem> 
       <asp:MenuItem Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet" NavigateUrl="#"></asp:MenuItem> 
       <asp:MenuItem Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet" NavigateUrl="#"></asp:MenuItem> 
      </asp:MenuItem> 
      <asp:MenuItem NavigateUrl="#" Text="Important Links" Value="New Item"> 
       <asp:MenuItem NavigateUrl="#" Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet"></asp:MenuItem> 
       <asp:MenuItem Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet" NavigateUrl="#"></asp:MenuItem> 
       <asp:MenuItem Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet" NavigateUrl="#"></asp:MenuItem> 
      </asp:MenuItem> 
      <asp:MenuItem NavigateUrl="#" Text="Acts" Value="New Item"> 
       <asp:MenuItem NavigateUrl="#" Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet"></asp:MenuItem> 
       <asp:MenuItem Text="Lorem ipsum dolor sit amet" 
        Value="Lorem ipsum dolor sit amet" NavigateUrl="#"></asp:MenuItem> 
      </asp:MenuItem> 
      <asp:MenuItem Text="Rules" Value="Rules" NavigateUrl="#"></asp:MenuItem> 
      <asp:MenuItem Text="Circulars" Value="Circulars" NavigateUrl="#"></asp:MenuItem> 
      <asp:MenuItem Text="Notification" Value="Notification" NavigateUrl="#"></asp:MenuItem> 
      <asp:MenuItem Text="Forms" Value="Forms" NavigateUrl="#"></asp:MenuItem> 
     </Items>--%> 
    </asp:Menu> 

</td> 
</tr> 
</table>

菜單顯示不同取決於我使用的瀏覽器。

1）鉻： enter image description here

2）的Internet Explorer： enter image description here

3）的Mozilla： enter image description here

只有Mozilla的正確顯示菜單。我究竟做錯了什麼？

來源

2014-01-08 shalin gajjar

那麼Internet Explorer呢？ – Ravimallya

發佈網站後顯示正確。但在Visual Studio運行時本地主機不顯示子菜單。 –

@Ravimallya - ya我在http://productforums.google.com/forum/#!topic/chrome/swvyErUBfzY –

雅發現這裏的解決方案link 在這裏，我必須包括鍍鉻

protected void Page_PreInit(object sender, EventArgs e) 
    { 
     if (!IsPostBack) 
     { 
      if ((Request.UserAgent.IndexOf("AppleWebKit") > 0) || (Request.UserAgent.IndexOf("Unknown") > 0) || (Request.UserAgent.IndexOf("Chrome") > 0)) 
      { 
       Request.Browser.Adapters.Clear(); 
      } 
     } 
    }

這個代碼和IE8有用於ASP.NET 2.0一個特殊的修補程序。這是它：http://support.microsoft.com/kb/962351

來源

2014-01-08 12:07:18

鉻不顯示圖像的CSS

回答

相關問題