在该代码片段的底部，有一个名为container. 现在，我试图将阴影覆盖在它上面，而不是在它下面。谢谢。
问问题
7053 次
4 回答
2
基于定位和 z-index 的 DOM 元素层。z-index 越高，元素越高（想象一副牌，其中 0 是底牌，51 是顶牌 - 数字也可以是负数）。要使 z-index 正常工作，元素必须具有绝对位置。
绝对位置
position: absolute;
Z指数
z-index: 0;
要进行更改（尽管它们是静态的，而且我不喜欢静态内容），请尝试以下操作：
将此添加到您的容器定义中：
position: absolute;
z-index: -1;
将您header definition的边距底部更改为：
margin-bottom: 352px;
示例：http: //jsfiddle.net/wh8tX/
于 2012-08-21T05:31:46.733 回答
0
您可以通过z-index属性实现您想要的结果，但请记住z-index只使用定位，因此我在.spotlight&.container 类中定义了定位。
检查它的演示
我希望你看起来像这样：- http://jsfiddle.net/pzRV8/6/
于 2012-08-21T05:34:55.997 回答
0
你需要zindex那个。记住zindex只会与position. 位置可以是相对的、固定的、绝对的
<div style="zindex:1; position:relative">first</div>
<div style="zindex:2; position:relative">second</div>
于 2012-08-21T06:26:57.723 回答
0
由于堆叠是按html文档标签排序的（除非更改）然后header自动将获取z-index:1
并且.container将获取z-index:2
您需要按如下方式覆盖它：
给header position:relative和z-index:1
给.container z-index:-1
查看工作示例：http: //jsfiddle.net/pzRV8/9/
于 2012-08-21T08:01:51.097 回答