小编use*_*813的帖子

不能用z-index将一个div重叠在另一个div上

我想让我.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)

提前致谢.

html css z-index

5
推荐指数
1
解决办法
579
查看次数

标签 统计

css ×1

html ×1

z-index ×1