IE8：Foundation 5.2中隐形的第三级导航菜单

Question

我正在通过基于Foundation 5.2的网站支持IE8的自杀任务。事情已经相当顺利，但我仍然坚持一个我似乎无法解决的问题：那里有一个多级弹出菜单（点击操作，不是悬停），第三级所述菜单似乎在正确的位置，从未显示在IE8中。

这看起来像什么（客户身份模糊）：

这是一个绝对定位的元素，所以我用Google搜索了许多不成功的技巧：

• 从最外面的容器开始逐步设置更高的z索引并按照我的方式进入菜单
• 强制overflow: visible，opacity: 1，display: block，clip: auto在遗失的ul及其父母身上
• 手动设置宽大的宽度和高度，可能ul没有得到hasLayout

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

我使用资产直接从开发堆中设置了一个小提琴：http://jsfiddle.net/24TKa/

我知道Foundation 5.2不支持IE8，虽然我喜欢神奇的修复，但是很清楚为什么这个三级菜单会拒绝显示它。

Answer 1

  

为什么这个三级菜单拒绝展示自己。

它有overflow:hidden，并且默认相对容器的width未通过Foundation样式表应用于IE8，但在嵌套{{1}上设置position:relative时有效通过内联样式。