0

我有一个使用 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);
4

2 回答 2

1

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

如果您在下拉列表中使用 position 属性，以及在其上方/之后的内容，请确保下拉列表的 z-index 高于其他内容的 z-index。

于 2012-10-19T15:27:29.447 回答
-1

请尝试为渐变添加 -ms- 供应商前缀。

于 2012-10-19T14:21:54.550 回答