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
中。我的CSS与IE8ie7上的z-index将元素堆叠在同一级别上,因此您需要将z-index应用于.container
div,以使其正常工作多亏了@Pete,因为他的回答给了我解决这个问题的线索:)我想分享一下:
对于第二个
.container
,我设置了z-index:-1代码>&这对我很有用 您是否尝试将位置和z索引设置为.container
s?如果是,请举手IE8在兼容性方面遇到了困难,所以您可能会在IE7方面遇到困难。@panther,我已经试过了,但没有成功@BeatAlex,我讨厌IE,也许我们都这么做-谢谢你的回答,我找到了解决办法。检查我的答案:)