Css z-index=1且div位置固定不起作用 在我的网站(正在建设中)我有一个搜索框在中间,这个搜索职位在数据库中使用Ajax进行了一些研究。结果显示在一个div中,其中z-index=1,位置固定在搜索栏下
问题是,结果显示在没有z索引的主页后面 我也尝试过用z-index=100,但我得到了相同的结果 与其给出完整的代码,不如直接看看我的网站 此处为访问地址: 在要登录的标题中: 登录:demo@demo.com 密码:demodemo 您可以在搜索框中键入“sp”或“gu”以查看搜索的开始 我试着把搜索结果放在上面,而不是放在主分区下面Css z-index=1且div位置固定不起作用 在我的网站(正在建设中)我有一个搜索框在中间,这个搜索职位在数据库中使用Ajax进行了一些研究。结果显示在一个div中,其中z-index=1,位置固定在搜索栏下,css,z-index,Css,Z Index,问题是,结果显示在没有z索引的主页后面 我也尝试过用z-index=100,但我得到了相同的结果 与其给出完整的代码,不如直接看看我的网站 此处为访问地址: 在要登录的标题中: 登录:demo@demo.com 密码:demodemo 您可以在搜索框中键入“sp”或“gu”以查看搜索的开始 我试着把搜索结果放在上面,而不是放在主分区下面 非常感谢您提供的任何帮助将标题类的规则更改为以下内容似乎可以为我解决此问题 .cyb-header { height: 50px;
非常感谢您提供的任何帮助将标题类的规则更改为以下内容似乎可以为我解决此问题
.cyb-header {
height: 50px;
position: fixed;
width: 100%;
z-index: 99999;
}
Z索引在位置固定的元素上不起作用。为了使z索引工作,您需要给元素一个位置:绝对或位置:相对 但您的问题可以通过在标题中添加z索引轻松解决:
.cyb-header {
margin: 0 auto;
position: relative;
height: 50px;
background-image: url('../images/header.jpg');
background-position: center top;
background-repeat: no-repeat;
z-index: 5; // New Line
}
它将与
z-index:1
一起工作,但您可以为未来的css添加一些空白,并将其设置为5。我没有查看您的网站,但仅供参考,它是z-index:100
而不是z-index=100
。是的,我将z-index:100但=100放在解释中。问题是您的位置已修复。为了逗我开心,试着设置你的位置:绝对值
。我设置为绝对值,我清除了缓存,得到了与以前相同的结果。谢谢,它工作正常,所以我知道它一定是真实的父对象,而不是相关的div。但我必须更改“固定相对”,否则它会删除我的背景,现在工作正常,非常感谢。z-index
不适用于position:fixed
,relative
或absolute
是z-index
有效所必需的是的。Z-index在这三种情况下都能正常工作@user2506760-父div是整个宽度的div,因此它是要固定的div。绝对或相对不会将标题固定到顶部。谢谢您的解释,因此我理解它也必须是第一个父项。谢谢