html - 没有位置的重叠Divs的设置层次: absolute

标签 html css

fiddle

在div重叠的简单情况下

<div id='first'>
    first
</div>

<div id='second'>
    second
</div>

CSS:-

#second {
    margin-top: -18px;
    background: #fff;
}

如何确保 second div 显示在 first div 之上,而 #first 不可见(在重叠区域)?

我不想制作任何 div position:absolute

最佳答案

您将需要使用 z-index。让第二个更高的z-index

关于html - 没有位置的重叠Divs的设置层次: absolute,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19471582/

相关文章:

html - 横幅在移动设备上太小

javascript - 识别鼠标悬停在 onmouseover 函数中的元素

html - 如何阻止绝对定位的 div 堆叠在固定的 div 之上/之下?

javascript - 在不失去响应能力的情况下将数字图像固定在挂板上

javascript - Angular 4组件没有被水平填充

html - 连续html中的一些行

javascript - 我的 javascript 需要什么条件?它是一个脚本,弹出一个对话框,其中包含字段留空的表单验证备注

javascript - 使用 css/js 正确对齐基于树的列表

javascript - 在 div 内水平居中 li 溢出 :auto

javascript - 定位事件幻灯片并添加 css 类