我有一个问题z-index和我的代码。我想在每一行上都有一个弹出窗口，相对于该行定位。所以我创建了这段代码：
.level1
{
position:relative;
z-index:2;
}
.level2
{
position:relative;
z-index:3;
}
.popup
{
position:absolute;
left:0px;
top:10px;
width:100px;
height:100px;
background:yellow;
z-index:4;
}
<div class="level1">
<div class="level2">
<input type="text" value="test1" />
<div class="popup">test1</div>
</div>
<div class="level2">
<input type="text" value="test2" />
<div class="popup">test2</div>
</div>
</div>
当你设置position: relative在一个元素上，然后建立一个新的包含块。该块内的所有定位都是相对于它的。
在该块内的元素上设置 z-index 只会改变其相对于同一块内其他元素的图层。
我不知道有任何解决方法。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
