我有一个下拉菜单,适用于所有现代浏览器,但 IE9 中有一些奇怪的事情发生。下拉列表在某种程度上显示为透明或不可见,但其框阴影可见。此外,当您将父列表项鼠标移开时,悬停会失败。
我指的是顶部的主导航栏:
http://gratefulglass.viussandbox.co/
我在子菜单的包含元素上放置了一个红色边框,以说明菜单似乎正确定位。
任何建议都将不胜感激。
答案 0 :(得分:3)
问题在于您在代码中的filter
和<ul>
标记上设置的<a>
CSS属性。 IE9将为您呈现渐变背景,但这会导致它在内部设置元素上的hasLayout标志,这会导致渲染器将该元素视为具有overflow: hidden;
,并且您无法通过简单设置来覆盖它overflow: visible;
因为它不是实际上 CSS规则,而是内部渲染引擎在处理元素时处理元素的方式。如果您在覆盖中删除了filter: none;
过滤器,或者只是不设置它们,那么您应该会看到所有内容都能正常运行。
答案 1 :(得分:0)