前端之家收集整理的这篇文章主要介绍了
CSS Divs重叠,我如何强制一个在另一个之上？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我是新的CSS和试图建立我的网站。
我遇到了一个问题。
我创建了一个固定位置的div，但它出现在网站上的其他元素下面。如何强制它到顶部？
div#floater {
position: fixed;
top: 420px;
left: -110px;
}
div#floater:hover {
left: 0;
该网站可以在goinnativerecords.com找到(将鼠标悬停在图片旁边)。
我知道我的编码不是最干净(提示是赞赏)。
谢谢！
只需使用z-index：
z-index : 1;
请注意，z-index只适用于有某种定位集合的元素(相对，绝对，固定)
细微差别：
具有较高z-index的元素将出现在相同堆叠上下文中具有较低z-index的元素的前面。如果两个元素具有相同的z索引，则后者出现在顶部。堆栈上下文定义为：
>文档根
>具有位置的元素：绝对或位置：相对和z索引
>部分透明的元件，即它们具有不透明度， 1
>在IE7中，任何元素的位置：绝对或位置：相对(这可能会导致许多错误，因为它是唯一的浏览器这样做)
如果IE7是一个问题，你可以使所有浏览器的行为相同，总是添加z-index：1到任何元素也有一些位置设置。
原文链接：https://www.f2er.com/css/220626.html
