IE7列在另一个之上

时间:2012-09-26 05:55:32

标签: jquery css

我正在使用IE7,但列表位于子菜单的顶部,是否有办法将其置于顶部? 它适用于IE8或加号,但不适用于IE7。 希望有人可以帮忙。非常感谢

here是代码

1 个答案:

答案 0 :(得分:2)

您正在使用display:inline-block。 IE 7无法正确解释这一点,并且需要通过黑客实际将元素显示为inline-block

在您选择的CSS语句中添加以下内容:

.select {
    display:inline-block;
    *display:inline; /* IE 7 hack */
    zoom:1;          /* IE 7 hack */
}

或者你可以创建一个仅限IE7的样式表,并使用上面没有黑客攻击。

这解决了IE7中的问题,但您可能想要更改某些元素的Z-index以停止显示在底部选择框下方的下拉列表。

Updated Fiddle