Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/sql/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在IE7中,是否可以将嵌套DIV的z-index设置得比根DIV更高(显示在';的上方)?_Html_Css_Z Index - Fatal编程技术网

Html 在IE7中,是否可以将嵌套DIV的z-index设置得比根DIV更高(显示在';的上方)?

Html 在IE7中,是否可以将嵌套DIV的z-index设置得比根DIV更高(显示在';的上方)?,html,css,z-index,Html,Css,Z Index,更新 建议的答案不正确,我错了。#container DIV应该有“float:left;”。请验证Firefox和IE7中的HTML。你可以看到区别 我无法通过使用z索引使嵌套DIV显示在层次更高的嵌套DIV之上。。。覆盖层一直覆盖在较低的嵌套DIV上,即使较低的嵌套DIV具有较高的z索引。。。这在IE7中可能吗 以下内容在Firefox中显示绿色覆盖上方的蓝色细节,而在IE7中,蓝色细节显示在绿色覆盖下方 更新2: 昂贵:在#容器样式中添加“z-index:99;”会使类。条目div出现(在

更新

建议的答案不正确,我错了。#container DIV应该有“float:left;”。请验证Firefox和IE7中的HTML。你可以看到区别

我无法通过使用z索引使嵌套DIV显示在层次更高的嵌套DIV之上。。。覆盖层一直覆盖在较低的嵌套DIV上,即使较低的嵌套DIV具有较高的z索引。。。这在IE7中可能吗

以下内容在Firefox中显示绿色覆盖上方的蓝色细节,而在IE7中,蓝色细节显示在绿色覆盖下方

更新2: 昂贵:在#容器样式中添加“z-index:99;”会使类。条目div出现(在Firefox中,IE是混乱的:无论如何,两者都不能正确显示),而它们应该在覆盖之下!如果没有#container z-index集,它将在Firefox中正确显示,但不会在IE中显示

<html>
    <body>
        <style type="text/css">
            .item {
                float:left;width:75px;height:75px;background-color:red;
            }
        </style>
        <div id="main" style="position:relative;">
            <!-- this one should overlay everything, except #details -->
            <div id="overlay" style="position:absolute;
                                     top:0px;
                                     left:0px;
                                     width:500px;
                                     height:500px;
                                     z-index:1;
                                     background-color:green;"></div>
            <div id="container" style="position:relative;float:left;">
                <!-- these ones should display UNDER the overlay: so NOT visible -->
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
                <div class="item"></div>
                <!-- this one should display above the overlay -->
                <div id="details" style="position:absolute;
                                         width:200px;
                                         height:200px;
                                         background-color:blue;
                                         left:400px;
                                         z-index:99;"></div>
            </div>
        </div>
    </body>
</html>

.项目{
浮动:左侧;宽度:75px;高度:75px;背景色:红色;
}

我相信您必须增加#container的z-index,才能在IE7中进行此工作


我认为IE7不会让你这么做,除非你能改变你的标记

#容器不会位于#覆盖层的后面,直到它被赋予绝对位置,如果将#容器的z索引更改为-1,则其子#详细信息将随之跟随。

将.items z-index更改为-1也将不起作用

如果无法将#详细信息移出#容器??我不能建议一个替代方案,而不确切地看到你试图作为最终结果实现什么,以及你有什么控制权(如果有的话)

覆盖层有什么意义?它是稍微透明的div还是实心的?如果用户无法在覆盖后面看到.items,是否要隐藏它们


您是否可以访问任何javascript库,如Jquery。。能够将#详细信息移动到DOM中的其他位置?

Pricy是正确的。刚刚用
z-index:98确认添加到#容器的样式中,并按预期工作。很抱歉,我在示例中犯了一个错误:#容器是浮动的(float:left;)。所以它不起作用了。。。。。。。!!!你应该得到答案,但任何人都有真正问题的答案??我只是在IE7中用#container float:left;它还能用吗?是否还有其他值丢失?您是否从帖子中复制了文本?我在问题中添加了一个图像……我在IE7中添加了一个页面图像,并在容器上添加了一个z索引,从您的帖子中添加了HTML。这是你想要的吗?您的屏幕截图没有此值。我已以稍微不同的方式重新定位。我已将覆盖层移动到容器内,并使用负上/左。。。现在一切都好了!谢谢你的帮助