InternetExplorer8-IE8 z索引故障-似乎找不到有效的解决方案

Question

我已经尝试了这里的所有建议，但似乎无法在IE中将我的建议弹出到样式表前面。适用于firefox和chrome。这是我布局的一个非常基本的例子。

网站是gulfstreamdata网站。如果你在购物车中添加了任何内容，然后在右上角单击"展开"，它会下拉你购物车中的内容，但在IE中，它会弹出到模板下。：（

<div class="vmCartModule" style="position:relative; z-index:900; ">
<div id="dropdown" style="position:absolute; z-index:901;">
</div>
</div>

我尝试使两个z索引值相同，并尝试使外部div更高。在IE开发工具中尝试了我能想到的一切，但都无济于事。

Answer 1

无论如何，由于它位于您知道的位置，也许您可以将它从父div分离，并将其移动到实际的父div之后，这样它将被绘制在前面（同时删除z索引值）。

<div class="vmCartModule">
</div>
<div id="dropdown" style="position:absolute; z-index:1;">
</div>

你应该不会有问题的定位它相对于身体，因为它在网站的右上角。

编辑

如果它出现在你的模板下，把div移到你网站的底部，可能就在</body>之前。我在许多菜单和子菜单上都遇到了同样的问题，它总是完美地工作。

Answer 2

这样做：

<div id="dropdown" style="position:absolute; z-index:901;">
    //your content
</div>
<div class="vmCartModule" style="position:relative; z-index:900; ">
    //your content
</div>

请参阅IE8中的演示：http://jsfiddle.net/WtWqX/8/