jquery - IE8 : invisible third-level navigation menu in Foundation 5. 2

Question

我正在执行一项自杀式任务，即通过基于 Foundation 5.2 的网站支持 IE8。一切进展顺利，但我遇到了一个我似乎无法弄清楚的问题:有一个多级弹出菜单(通过单击操作，而不是悬停)，并且所述菜单的第三级似乎在正确的位置，只是永远不会出现在 IE8 中。

这是它的样子(客户身份模糊):

这是一个绝对定位的元素，所以我用谷歌搜索并尝试了很多不成功的技巧:

• 从最外面的容器开始逐渐设置更高的 z-index，然后逐步进入菜单
• 强制 overflow: visible, opacity: 1, display: block, clip: auto 缺失ul 及其 parent
• 考虑 ul 可能没有获得 hasLayout 手动设置足够的宽度和高度

唯一接近的是在 ul 上设置 position: relative。当然，这会导致页面布局愚蠢且不可用，但我至少可以看到菜单项以进行更改。

我已经使用直接来自开发堆的 Assets 设置了一个 Fiddle:http://jsfiddle.net/24TKa/

我知道 Foundation 5.2 不提供对 IE8 的支持，虽然我喜欢神奇的修复，但最好能准确理解为什么这个三级菜单拒绝显示自己。

Answer 1

why this third-level menu refuses to show itself.

它有overflow:hidden，默认相对容器的width没有通过Foundation样式表应用到IE8，但在position: relative 通过内联样式设置在嵌套的 ul 上。