我有一个下拉菜单，在所有现代浏览器中工作良好，但有一些奇怪的事情发生在IE9。在某种程度上，下拉菜单看起来是透明的或不可见的，但它的框阴影是可见的。此外，当鼠标离开父列表项时，悬停会失败。
我指的是顶部的主导航栏:
http://gratefulglass.viussandbox.co/我在子菜单的包含元素上放置了一个红色边框，以说明菜单的位置似乎是正确的。
问题是您在代码中的<ul>和<a>标签上设置的filter CSS属性。IE9将为您呈现渐变背景，但这会导致它在元素内部设置hasLayout标志，这导致渲染器将该元素视为具有overflow: hidden;，并且您不能通过简单地设置overflow: visible;来覆盖它，因为它不是实际上 CSS规则，而是内部渲染引擎在处理元素时将处理元素的方式。如果您在覆盖中使用filter: none;删除过滤器，或者简单地不设置它们，那么您应该会看到一切都正常工作。
查看以下链接:1，2对不起，但不能把更多的链接:http://,,joseph.randomnetworks.com/2006/08/16/css-opacity-in-internet-explorer-ie/http://,,www.webdeveloper.com/forum/showthread.php ? 163100 -不透明盘旋-不-工作- - - - - - -即
根据浏览器的不同，有些属性的行为不同或不持久。但总有办法让它发挥作用。