修正Panel+Menu控件在ie和fx中显示不一样的问题
<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>
<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;
}
{
margin-top: 1px !important;
margin-top: 0px;
}