3

我有一个在所有现代浏览器中都可以正常工作的下拉菜单，但是在IE9中发生了一些奇怪的事情。下拉列表以某种方式显示为透明或不可见，但它的框阴影是可见的。此外，当您将鼠标悬停在父列表项上时，悬停会失败。

我指的是顶部的主导航栏：

http://gratefulglass.viussandbox.co/

我在子菜单的包含元素上放置了一个红色边框，以说明菜单似乎定位正确。

任何建议将不胜感激。

4

2 回答 2

3

问题在于您在代码中的and标记filter上设置的 CSS 属性。IE9 将为您渲染渐变背景，但这会导致它在内部对元素设置 hasLayout 标志，这会导致渲染器将该元素视为具有，并且您不能通过简单地设置来覆盖它，因为它实际上不是CSS 规则，而是内部渲染引擎在处理元素时处理元素的方式。如果您使用覆盖删除过滤器，或者根本不设置它们，那么您应该会再次看到一切正常。<ul><a>overflow: hidden;overflow: visible;filter: none;

于 2013-05-17T20:33:42.793 回答
0

检查此链接： 1 , 2 对不起，但不能放更多链接： http://&& joseph.randomnetworks.com/2006/08/16/css-opacity-in-internet-explorer-ie/ http:// && www .webdeveloper.com/forum/showthread.php?163100-Opacity-hover-not-working-in-IE

根据浏览器，某些属性的行为不同或不是持久的。但总有办法让它发挥作用。使其工作的最佳方法，javascript。

于 2013-05-14T17:09:40.603 回答