у меня есть строка меню, которая включена в файле 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) Chrome:
2) Internet Explorer:
3) Mozilla:
Только Mozilla корректно отображает меню. Что я делаю не так?
Что относительно интернет-исследователя? – Ravimallya
отображается правильно после публикации веб-сайта. но в Visual Studio время выполнения localhost не отображает подменю. –
@ Ravimallya - я нашел одно сообщение на http://productforums.google.com/forum/#!topic/chrome/swvyErUBfzY –