IE9下拉菜单 - 过滤错误

时间:2013-05-14 17:02:23

标签: css internet-explorer filter html-lists

我有一个下拉菜单,适用于所有现代浏览器,但 IE9 中有一些奇怪的事情发生。下拉列表在某种程度上显示为透明或不可见,但其框阴影可见。此外,当您将父列表项鼠标移开时,悬停会失败。

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

http://gratefulglass.viussandbox.co/

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

任何建议都将不胜感激。

2 个答案:

答案 0 :(得分:3)

问题在于您在代码中的filter<ul>标记上设置的<a> CSS属性。 IE9将为您呈现渐变背景,但这会导致它在内部设置元素上的hasLayout标志,这会导致渲染器将该元素视为具有overflow: hidden;,并且您无法通过简单设置来覆盖它overflow: visible;因为它不是实际上 CSS规则,而是内部渲染引擎在处理元素时处理元素的方式。如果您在覆盖中删除了filter: none;过滤器,或者只是不设置它们,那么您应该会看到所有内容都能正常运行。

答案 1 :(得分:0)

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

根据浏览器,某些属性的行为不同或不持久。 但总有一种方法可以使它发挥作用。 让它工作的最佳方式,javascript。