<
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 ;
}