Internet explorer 8 IE8 z-index故障-似乎找不到有效的解决方案

Internet explorer 8 IE8 z-index故障-似乎找不到有效的解决方案,internet-explorer-8,z-index,Internet Explorer 8,Z Index,我已经尝试了这里的所有建议,我只是不能让我的在IE中的样式表前弹出。在firefox和chrome中工作。这是我的布局的一个非常基本的例子 该网站是gulfstreamdata.com。如果您向购物车添加了任何内容,然后在右上角单击“展开”,它将下拉购物车中的内容,但在IE中,它将弹出到模板下:( 我尝试使两个z索引值相同,并尝试将外部div设置得更高。尝试了在IE developer tools中所能想到的一切都没有用。无论如何,由于它位于您知道的位置,也许您可以将其与父div分离,并将其

我已经尝试了这里的所有建议,我只是不能让我的在IE中的样式表前弹出。在firefox和chrome中工作。这是我的布局的一个非常基本的例子

该网站是gulfstreamdata.com。如果您向购物车添加了任何内容,然后在右上角单击“展开”,它将下拉购物车中的内容,但在IE中,它将弹出到模板下:(



我尝试使两个z索引值相同,并尝试将外部div设置得更高。尝试了在IE developer tools中所能想到的一切都没有用。

无论如何,由于它位于您知道的位置,也许您可以将其与父div分离,并将其移动到其实际父div之后,因此它将在前面绘制(同时删除z索引值)


你不应该在相对于身体的定位上有问题,因为它位于网站的右上方

编辑


如果它在你的模板下弹出,请将该div移动到你网站的底部,可能就在
之前。我对许多菜单和子菜单也有同样的问题,而且它总是工作得很好。

无论如何,因为它位于你知道的位置,也许你可以将其从父div分离,并将其移动到实际的父div之后,这样它就可以将在前面绘制(同时删除z索引值)


你不应该在相对于身体的定位上有问题,因为它位于网站的右上方

编辑

如果它在你的模板下弹出,请将该div移到网站底部,可能就在
之前。我对许多菜单和子菜单也有同样的问题,它总是工作得很好。

请执行以下操作:

<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中的演示:

执行以下操作:

<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中的演示:

抱歉,但对于我的IE8,展开和购物车菜单显示在底部页面上…真的吗?这很有趣,我无法在多台机器上重新创建。抱歉,对于我的IE8,展开和购物车菜单显示在底部页面上…真的吗?这很有趣,我无法在多台机器上重新创建。编辑因为我忘了设计代码的样式,所以没有显示。我不能准确地将div移到页面底部。在页面加载期间,它被加载到一个模块中,并嵌套在一些if语句中……如果它作为一个模块加载,我想这意味着你在使用javascript。如果是这样,你可以简单地使用JS将它附加到其他地方仅使用javascript更改div的style.display。我真的不想尝试将div附加到页面的其他区域。这似乎有点毫无意义。愚蠢的IE!!只需将position:absolute;设置到该div,您就可以随时移动它,然后给它一个非常高的z索引,如999999。使用代码编辑,因为我忘记了设置代码的样式,所以没有显示。我无法准确地将div移动到页面底部。在页面加载期间,它加载在一个模块中,并嵌套在一些if语句中……如果它作为一个模块加载,我想这意味着您使用的是javascript。如果是这种情况,您可以使用JS.I简单地将它附加到其他地方ts仅使用javascript更改div的style.display。我真的不想尝试将div附加到页面的其他区域。这似乎有点不合理。愚蠢的IE!!只需将position:absolute;设置到该div,您就可以随时移动它,然后给它一个非常高的z索引,如999999.可能我解释错了。我不需要展开父div。但它将在该代码后面的div上下拉。可能我解释错了。我不需要展开父div。但它将在该代码后面的div上下拉。
<div id="dropdown" style="position:absolute; z-index:901;">
    //your content
</div>
<div class="vmCartModule" style="position:relative; z-index:900; ">
    //your content
</div>