Css 绝对位置的z索引大于固定位置

我有一个问题，元素的位置是相对的。问题是我有一个固定位置的标题和相对位置的内容。如果我向下滚动内容，元素将放在标题的前面。我试过用z-index，但就是没法用。我把

z-index:999

放在标题上

在这里你可以看到我的

这是一张照片： “内容”与窗口相关，而不是与灰色正方形相关

你有没有试着把那个灰方

位置：relative

---

没有HTML和CSS，很难知道真正的原因。

相对定位元素上的

z-index

应该低于固定位置元素上的

z-index

。下面是一个简单的例子：

HTML

<div id="fixed">Fixed Position</div>
<div id="relative">Relative Position</div>

<div id="header">Header</div>
<div id="content1"><div id="content2"></div></div>

工作示例：

修正你的例子 标题样式有问题，有两个冒号

：

正在处理z-index属性值

  .header{
        width:960px;
        background: #43484A;
        height:80px;
        position: fixed;
        top:0;
        z-index: 9999; /* Removed extra : here */
   }

---

固定示例

我认为您所做的是正确的，即仅在一个选项中使用z-index。我有一些工作要你理解

请按照

HTML

<div id="fixed">Fixed Position</div>
<div id="relative">Relative Position</div>

<div id="header">Header</div>
<div id="content1"><div id="content2"></div></div>

希望有帮助

   .categories li{
        position:relative;
        z-index:-1;
        list-style: none;
        float:left;
        width:310px;
        height:310px;
        color:white;
        background:#77647F;
        margin-right:10px;
   }

检查这把小提琴：）

---

我已将z-index更改为-1以使其正常工作。

也许你能找到答案？将z-index设置为固定和相对。在

位置：固定

中，我给出了

z-index:9999

中的nad

相对

z-index:1

你做了什么？我们需要看一些代码。请用html和css编辑你们的问题。好的，我用jsFiddle编辑了我的问题。这不是你们用jsFiddle链接发布代码的方式。再试一次。请注意，使用负z索引往往会使内容不可读，这在许多情况下都是有问题的。