显示：表格在ie6＆amp; IE7

Question

我创建了一个菜单，但它在ie6＆amp; ie7因为display:table。我怎样才能在ie6和ie7中使用样式display:table

有我的例子

http://jsfiddle.net/amkrtchyan/fCsax/

但它在ie6和ie7

中不起作用

Answer 1

IE6和IE7不支持display：table;

http://www.quirksmode.org/css/display.html

如果是表格数据，你可以使用真实表格，否则你可以使用列表（ul）和内联块与* display：inline hack和zoom：1 for IE7及以下。

Answer 2

IE7不支持display：table，所以你必须以不同的方式重建菜单，或者你可以使用js

检查此IE7 and the CSS table-cell property

Answer 3

我看到你正在使用display:table来实现菜单项的并排布局。

我认为你可以在菜单项上使用display:inline-block在IE 6和7中产生类似的结果：

• http://jsfiddle.net/fCsax/3/

原始版本与此版本之间的差异为：

1. 从display:table
移除.menu
2. 将overflow: hidden添加到.menu，以便其圆角也会剪切其菜单项
3. 从display:table-row
移除.menu ul
4. 将display:inline添加到.menu li
5. 将填充从.menu li移至.menu ul li a
6. 将display:inline-block添加到.menu ul li a

我已经快速浏览了IE 6，我认为它正在运行：

• http://jsfiddle.net/fCsax/3/embedded/result/

Answer 4

唯一的方法是使用IE6＆amp;表格。 IE7使用条件注释：

<!--[if lte IE 7]> special markup for IE6 and IE7 <![endif]-->

因此，正确添加table，tr和td标签，仅适用于菜单元素中的IE。

另一个解决方案是使用：display：inline-block;

Answer 5

我认为IE6不支持您使用的CSS版本。 使用与IE6兼容的CSS。