Html 盒影赢了'；t显示在div的底部

我有一个页面如下所示：

中间的div（包含“quote.”作为其内容）应用了一个box shadow属性。由于某些原因，如果存在第三个div，则阴影不会出现在第二个div的下方。有人知道为什么吗

HTML:

---

你的“宣传语”正在掩盖它。编辑

div#blurb

css规则如下，将其移到阴影div后面：

div#blurb {
    background-color: #efefef;
    padding: 20px;
    position:relative;
    z-index:-1;
}

---

你的“宣传语”正在掩盖它。编辑

div#blurb

css规则如下，将其移到阴影div后面：

div#blurb {
    background-color: #efefef;
    padding: 20px;
    position:relative;
    z-index:-1;
}

---

将两个元素的位置设置为相对，将第一个元素的z索引设置为1，将下一个元素的z索引设置为0

---

编辑：是，允许负值：）。但是它们在Firefox2中不起作用。

将两个元素的位置设置为相对，将第一个元素的z索引设置为1，将下一个元素的z索引设置为0

---

编辑：是，允许负值：）。但是它们在Firefox2中不起作用。

除非我没有正确阅读规范，否则允许使用负z索引。除非我没有正确阅读规范，否则允许负z索引。太好了，谢谢！我尝试过使用z-index，但没有效果，但position:relative修复了它。好奇的是，你（或任何人）能解释一下为什么这里需要职位：亲戚吗？太好了，谢谢！我尝试过使用z-index，但没有效果，但position:relative修复了它。好奇的是，你（或任何人）能解释为什么这里需要“职位：亲戚”吗？

div#blurb {
    background-color: #efefef;
    padding: 20px;
    position:relative;
    z-index:-1;
}