IE浮动元素并不完美显示

时间:2012-06-09 20:19:50

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

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

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

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

1 个答案:

答案 0 :(得分:0)

这是因为您的display: block首要列表元素有A。您只需要删除它并为您的其他“menulevel”元素添加该属性。像这样:

.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