如何解决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;}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。