我是新的CSS和试图建立我的网站。
我遇到了一个问题。
我创建了一个固定位置的div,但它出现在网站上的其他元素下面。如何强制它到顶部?
我遇到了一个问题。
我创建了一个固定位置的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@