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-index，则后一个出现在顶部。堆栈上下文由以下方式定义： 文件根 具有

position: absolute

或

position: relative

且z索引的元素 部分透明的元素，即它们的不透明度<1 在IE7中，任何带有

position: absolute

或

position: relative

的元素（这可能会导致许多错误，因为它是唯一以这种方式运行的浏览器） 如果IE7成为问题，则可以通过始终将

z-index : 1

添加到也设置了

position

的任何元素来使所有浏览器的行为相同。     ,        利用CSS z-index属性可以解决您的问题

.myclass
{
  z-index:1;
}

对于您的问题，请看：具有z-index的层（层）     ,        这应该做到这一点，使用绝对位置，您的元素将始终根据您指定的“顶部”，“左侧”值进行定位

div#floater {    position: absolute;     top: 420px;     left: -110px;   }
div#floater:hover {    left: 0;}