修正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 >

以上代码在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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值