下拉菜单无法在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的问题。它看起来好像看起来内容的表位于下拉列表的顶部，从而阻止其中的任何内容。

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

Answer 2

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