我有一个与相对定位的元素的标志.问题是我有一个位置固定的标题和相对定位的内容.如果我向下滚动内容元素放在标题前面.我尝试使用z-index,但我只是不能让它工作.我在标题上有putz-index:999.
在这里可以看到我的jsFiddle
这是一张照片:
解决方法
相对定位元件上的z-index应该低于固定位置元件上的z-index.这是一个快速的例子:
HTML
<div id="fixed">Fixed Position</div> <div id="relative">Relative Position</div>
CSS
body{ height: 3000px; } #fixed{ top: 0; height; 100px; background: green; width: 100%; position: fixed; z-index: 2; } #relative{ position: relative; top: 100px; left: 50px; height: 100px; width: 100px; background: red; z-index: 1; }
工作示例:http://jsfiddle.net/XZ4tM/1/
修正你的例子
标题样式有一个问题,有两个冒号::进行z-index属性值.
.header{ width:960px; background: #43484A; height:80px; position: fixed; top:0; z-index: 9999; /* Removed extra : here */ }