【问题标题】:Absolute positioning an element inside a fixed positioned div IE not working在固定定位的 div IE 中绝对定位元素不起作用
【发布时间】:2011-06-15 21:23:20
【问题描述】:

好的,这让我发疯了,我已经把我所有的代码都弄乱了,但仍然无法让它工作。

我正在开发一个 WP 主题,为此我为用户提供了在固定标题或流动标题之间进行选择的可能性。

当用户在 IE 下选择固定的下拉菜单根本不显示时,就会出现问题。

我在这里创建了一个示例网站:http://makanudos.com/tests/,供任何愿意帮助我的人使用。

提前非常感谢!

【问题讨论】:

  • 您在哪个浏览器上遇到此问题?这似乎在 Chrome 中运行良好。
  • 我只遇到 IE 7/8 的问题
  • 所以你在 jQuery 中遇到了SlideDown() 的问题。
  • 但是当我删除母 div 的固定属性时它可以工作。当我将标题固定到顶部并且在所有情况下都在 IE 下时,它就会发生。有什么线索吗?谢谢!
  • 我有 IE8 的解决方案。抱歉,我没有 IE7,因此无法确认是否适用相同的解决方案。

标签: jquery html css wordpress


【解决方案1】:

哇,我花了一段时间才找到这个……这是 IE8 中的一个错误。

#menuConquistador { filter: alpha(opacity=96); }

正在破坏 IE8 中的显示。禁用它会使菜单按预期显示。

我认为它就像设置 this article suggests 一样简单,但是,即使使用正确的 IE8 -ms-filter 扩展名也会导致子菜单隐藏在页面的其余部分下。

编辑:如果您真的需要 96% 不透明的菜单,您可能会找到一些解决方法here :-) 就我个人而言,我只是删除 IE7/8 的过滤器。使用不错的浏览器的用户可以获得不错的透明效果。

另外,刚刚找到Internet Explorer CSS property "filter" ignores overflow:visible

编辑 2:好的,添加

#menuConquistador { -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=50)'; }

删除z-index:10000#menuConquistador 选择器似乎有两个)允许菜单出现在 IE8 中并具有不透明度!

【讨论】:

  • 去吧,非常感谢@andyb!我对这个真的很沮丧,你在 5 分钟内就搞定了!!天才!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-06-16
  • 1970-01-01
  • 2015-09-29
  • 1970-01-01
  • 1970-01-01
  • 2011-04-09
  • 1970-01-01
相关资源
最近更新 更多