jquery - 绝对定位固定定位 div IE 内的元素不起作用

标签 jquery html css wordpress

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

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

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

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

提前非常感谢!

最佳答案

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

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

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

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

编辑:您可能会找到一些解决方法 here如果你真的需要 96% 不透明的菜单:-) 就我个人而言,我只是删除 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中并且具有不透明度!

关于jquery - 绝对定位固定定位 div IE 内的元素不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6364576/

相关文章:

javascript - 附加元素上的jquery sortable ui函数

jquery - 一次展开折叠所有 div

javascript - 防止 HTML 拖放到已删除其他 <img> 的 div 上

ios - webkit-overflow-scrolling 使元素消失

css - 如何翻转基础图标的方向

jquery - 滑动横幅中的文本切断

javascript - 如何向数据属性添加更多对象或数组

html - 缩放后的文字模糊

javascript - 图片在开始滚动时跳动

java - Phonegap 中的 EmailComposer 无法正常工作