我有一个 Web 应用程序,它在页面顶部有一个菜单栏。此菜单栏在 Internet Explorer 9 中显示正常,但在 Chrome 中显示不正确。我真的不知道如何使这个 css 文件成为跨浏览器的 css 文件。
这是它在 IE 中的显示方式。
这是它在 chrome 中的显示方式。
我的CSS如下:
div.hideSkiplink
{
background-color: #796540;
width: 100%;
height: 56px;
margin: 0px 5px 20px 0px;
}
div.menu
{
padding: 1px 0px 1px 8px;
margin: 5px 0px 5px 0px;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
这是我的页面标记
<div class="clear hideSkiplink">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="False"
IncludeStyleBlock="False" Orientation="Horizontal" BackColor="#F7F6F3" DynamicHorizontalOffset="2"
Font-Names="Verdana" Font-Size="0.8em" ForeColor="#7C6F57" StaticSubMenuIndent="10px"
DataSourceID="SiteMapDataSource1" OnMenuItemDataBound="NavigationMenu_MenuItemDataBound">
</asp:Menu>
</div>
有人可以帮帮我吗?
最佳答案
尝试覆盖 li paddings、li margins、hideskipling paddings 的默认参数
关于c# - asp 菜单在浏览器中显示不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14955037/