【问题标题】:IE floated elements doesn't show perfectlyIE 浮动元素不能完美显示
【发布时间】:2012-06-10 06:00:52
【问题描述】:

我正在使用Superfish jQuery plugin 创建多级下拉菜单。但我在IE6/7 中遇到了一些可怕的问题。 lis 浮动到右侧并在 Firefox 中显示在一行中(没问题),但在 IE 中,第一个(不包含链接 (a) 标记)显示在右侧,其他显示在左边(2/3 行) 一段代码:

http://jsfiddle.net/Emhj4/8/

我该怎么办? 提前谢谢...

【问题讨论】:

    标签: jquery css internet-explorer drop-down-menu


    【解决方案1】:

    那是因为您有 display: block 用于顶部列表的 A 元素。您只需要删除它并为您的其他“菜单级别”元素添加该属性。像这样的:

    .menulevel1 a{color:#fff;position:relative;}
    
    .menulevel1 li ul a{display:block;width:100%;background:#ccc;border:1px solid #000;padding:4px 5px;}
    

    Live jsFiddle example

    【讨论】:

      猜你喜欢
      • 2011-11-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-12
      • 2020-11-14
      • 1970-01-01
      • 1970-01-01
      • 2012-10-10
      相关资源
      最近更新 更多