我想让我.dynamic-tooltip覆盖我的.static-tooltip.我的静态工具提示必须隐藏.
但我无法这样做z-index.请告诉我哪里出错了.
请看看我的代码. https://jsfiddle.net/x883m3hg/
<div class = "static-tooltip">
<div class = "tooltip-container">
<div class = "item-key">
Static tooltip Key
</div>
<div class = "item-value">
Static tooltip Value
</div>
</div>
</div>
<div class = "dynamic-tooltip">
<div class = "tooltip-container">
<div class = "item-key">
Dynamic tooltip Key
</div>
<div class = "item-value">
Dynamic tooltip value
</div>
</div>
</div>
.static-tooltip{
position:relative;
z-index:1;
width:100%;
height: 30px;
}
.dynamic-tooltip{
position:absolute;
z-index:2;
top:3px;
width: 100%;
height:30px
}
Run Code Online (Sandbox Code Playgroud)
提前致谢.