CSS Divs重叠,我如何强制一个在另一个之上?

前端之家收集整理的这篇文章主要介绍了CSS Divs重叠,我如何强制一个在另一个之上?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新的CSS和试图建立我的网站。
我遇到了一个问题。
我创建了一个固定位置的div,但它出现在网站上的其他元素下面。如何强制它到顶部?
div#floater {
    position: fixed; 
    top: 420px; 
    left: -110px;   
}

div#floater:hover {
    left: 0;

该网站可以在goinnativerecords.com找到(将鼠标悬停在图片旁边)。
我知道我的编码不是最干净(提示是赞赏)。

谢谢!

@H_502_11@

解决方法

只需使用z-index:
z-index : 1;

请注意,z-index只适用于有某种定位集合的元素(相对,绝对,固定)

细微差别:

具有较高z-index的元素将出现在相同堆叠上下文中具有较低z-index的元素的前面。如果两个元素具有相同的z索引,则后者出现在顶部。堆栈上下文定义为:

>文档根
>具有位置的元素:绝对或位置:相对和z索引
>部分透明的元件,即它们具有不透明度, 1
>在IE7中,任何元素的位置:绝对或位置:相对(这可能会导致许多错误,因为它是唯一的浏览器这样做)

如果IE7是一个问题,你可以使所有浏览器的行为相同,总是添加z-index:1到任何元素也有一些位置设置。

@H_502_11@ @H_502_11@

猜你在找的CSS相关文章