Question

我对CSS不是很好，所以我无法正确显示IE菜单栏。正如您在此fiddle中所看到的，我有一个简单的栏，用户可以点击其用户名来显示一些选项。

此代码在chrome和firefox中运行良好，但它在Internet Explorer上执行此操作： enter image description here

如您所见，菜单在导航栏内打开，因此您只能看到第一个选项。

你可以打开这个fiddle并告诉我我的代码有什么问题吗？

提前致谢!!

解决方案：

哇，这真的很奇怪，但这就是CSS上的这条线！这就是为什么它在fidle中工作的原因，因为我为这个例子设置了一个simle背景。为了将来参考，如果您正在进行堆叠，请勿执行此操作：

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#282828',GradientType=0 ); /* IE6-9 */

Answer 1

我在Internet Explorer 9中查看fiddle并在开发模式下转向IE 8，我可以看到所有选项。不知道如何重新制作你的错误。

Answer 2

将#user_menu的CSS修改为以下内容：

top: 30px;

Answer 3

您需要将position: relative添加到父项，并将position: absolute添加到下拉列表中。您可能还需要更改#user_menu的top属性，以使其不与用户名重叠（约20px左右应该这样做）。