html - 下拉菜单无法在 IE 中显示

Question

我有一个使用 css 的下拉菜单，我用 firefox 打开，看起来不错。但是当我尝试使用 IE 9 打开时，下拉菜单显示，但它看起来是透明的，内容没有显示。

这是在我检入我的 CSS 之后，如果我删除这段代码，在 IE 中就可以了。但我想保留这段代码。那我该怎么做呢？

background-repeat:repeat-x;
filter:progid:dximagetransform.microsoft.gradient(
    startColorstr='#00a1bc',
    endColorstr='#008ba2',
    GradientType=0);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow:0 1px 3px rgba(0,0,0,0.25),
    inset 0 -1px 0 rgba(0,0,0,0.1);

Answer 1

无法确定，因为我需要查看更多代码，但查看图像看起来可能是 z-index 的问题。在我看来，表格内容似乎位于下拉列表的顶部，因此阻止了其中的任何内容。

如果您在下拉菜单上使用位置属性以及显示在其上方/后面的内容，请确保下拉菜单的 z-index 高于其他内容的 z-index。