Html 下拉菜单在IE中变得透明

我制作了一个非常标准的CSS下拉菜单，但IE中出现了一些奇怪的事情

正如您在屏幕截图中看到的，它只显示阴影，元素内部的所有内容都是透明的。我在网站上的任何地方都不使用Transparance，其他浏览器中的元素显示正确

---

我想出来了。当你给一个元素一个微软渐变过滤器时，它隐藏了div之外的子元素。当我删除了那段代码时，一切都很好

另一方面，它还可以防止border radius在IE中工作

问题代码：

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

---

您是否尝试过给他们提供z-index？请与我们分享您的代码、演示以及您遇到问题的IE版本。早期的IE有很多问题，其中包括z-index/position/zoom。那是我总是先看的地方。将为元素分配一个

hasLayout

属性，该属性有望触发并使其看起来像样。这是我在不看代码的情况下的最佳猜测。请提供代码或将其添加到JFIDDLE中。我遇到了完全相同的问题。只是想补充一点，

overflow:visible

并不能解决这个问题。它也不仅仅适用于直系父母。例如，我有一个渐变的“header”标签，里面嵌套了一个“nav”标签，我的列表也在里面。这似乎是IE9中核心IE渲染引擎的一个问题（可能在下面）。