修正Panel+Menu控件在ie和fx中显示不一样的问题-优快云博客

本文介绍了一个ASP.NET菜单控件在IE浏览器中出现顶部空白的问题，并提供了解决方案。通过调整CSS样式可以消除空白，确保菜单在不同浏览器中的一致性表现。

<asp:Panel ID="MenuContainer" runat="server" BackColor="#ffcc66">
    <asp:Menu ID="MainMenu" runat="server" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False">
        <Items>
            <asp:MenuItem Text="A" Value="A"></asp:MenuItem>
            <asp:MenuItem Text="B" Value="B">
                <asp:MenuItem Text="BA" Value="BA"></asp:MenuItem>
                <asp:MenuItem Text="BB" Value="BB"></asp:MenuItem>
                <asp:MenuItem Text="BC" Value="BC"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="C" Value="C">
                <asp:MenuItem Text="CA" Value="CA"></asp:MenuItem>
                <asp:MenuItem Text="CB" Value="CB"></asp:MenuItem>
            </asp:MenuItem>
            <asp:MenuItem Text="D" Value="D"></asp:MenuItem>
        </Items>
        <StaticMenuItemStyle HorizontalPadding="15px" VerticalPadding="15px" />
        <StaticHoverStyle BackColor="Cyan" />
    </asp:Menu>
</asp:Panel>

以上代码在ie中显示时，MainMenu的上方会出现1px的空当，而在fx中则没有。
检查html代码后发现问题出在“<a href="#MainMenu_SkipLink"><img ... /></a>”这一段，将其删掉后就没有问题了。（不清楚这段代码是干嘛用的，请高手指点……）
解决这个问题，只需在css中加入这一段：

table#MainMenu
{
margin-top: 1px !important;
margin-top: 0px;
}

转载于:https://www.cnblogs.com/a-a/archive/2006/07/10/446848.html