我想让我的.dynamic-tooltip覆盖在我的.static-tooltip上.我的静态工具提示必须隐藏.
但我无法用z-index这样做.请告诉我哪里出错了.
请看看我的代码.
https://jsfiddle.net/x883m3hg/
提前致谢.
最佳答案
body元素的默认边距为8px.首先删除:
body { margin: 0; }
然后将dynamic-tooltip上的顶部偏移重置为0.
.dynamic-tooltip { top: 0; }
>添加背景颜色的插图
>没有对HTML的更改
> CSS的两个变化
body {
margin: 0; /* new */
}
.static-tooltip {
position: relative;
z-index: 1;
width: 100%;
height: 30px;
background-color: aqua;
}
.dynamic-tooltip {
position: absolute;
z-index: 2;
top: 0px; /* adjusted */
width: 100%;
height: 30px;
background-color: red;
}