Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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
Css z索引在IE7中工作不正常_Css_Internet Explorer 7_Z Index - Fatal编程技术网

Css z索引在IE7中工作不正常

Css z索引在IE7中工作不正常,css,internet-explorer-7,z-index,Css,Internet Explorer 7,Z Index,以下是场景: 我试图使用z-index将搜索div(黑色)放在nav(石板蓝色)的上方,用于IE7,但它不起作用 虚拟标记出现了: <div id="header"> <div class="container"> <div id="search"></div> </div> <div class="container"> <div id="nav"></div>

以下是场景:

我试图使用
z-index
将搜索
div
(黑色)放在
nav
(石板蓝色)的上方,用于IE7,但它不起作用

虚拟标记出现了:

<div id="header">
  <div class="container">
    <div id="search"></div>
  </div>

  <div class="container">
    <div id="nav"></div>
  </div>
</div>

CSS规则中,
#标题
定位为
相对
,其中
#搜索
#导航
定位为
绝对
。你知道吗,我怎样才能把
#search
放在
#nav
上面


注意:由于某些原因,我需要将它们放在两个不同的
div
中。我的CSSIE8

ie7上的z-index将元素堆叠在同一级别上,因此您需要将z-index应用于
.container
div,以使其正常工作多亏了@Pete,因为他的回答给了我解决这个问题的线索:)我想分享一下:


对于第二个
.container
,我设置了
z-index:-1&这对我很有用

您是否尝试将位置和z索引设置为
.container
s?如果是,请举手IE8在兼容性方面遇到了困难,所以您可能会在IE7方面遇到困难。@panther,我已经试过了,但没有成功@BeatAlex,我讨厌IE,也许我们都这么做-谢谢你的回答,我找到了解决办法。检查我的答案:)