Html css框阴影不工作

长方体阴影不工作。其他div-box阴影效果很好，这是我的html代码：

#标题{
背景色：#6666ff；
盒影：20px 20px 10px#8888888；
}
#标题.标题内容.设置{
浮动：对；
}
#标题。标题内容a{
颜色：#000066；
文字装饰：无；
}
#标题.标题内容{
列表样式：无；
}
#容器{
宽度：100%；
背景色：#ccffff；
}

测试我的身体容器

你能更清楚地说明什么不起作用吗。我尝试运行相同的代码，发现显示了框阴影。

你也可以在这里检查小提琴

#标题{
背景色：#6666ff；
盒影：10px 10px#8888888；
}

必须使标题相对并使方框阴影透明

检查代码段

#标题{
背景色：#6666ff；
盒影：20px 20px 10px rgba（0,0,0,0.4）；
位置：相对位置；
}
#标题.标题内容.设置{
浮动：对；
}
#标题。标题内容a{
颜色：#000066；
文字装饰：无；
}
#标题.标题内容{
列表样式：无；
}
#容器{
宽度：100%；
背景色：#ccffff；
高度：500px；
}

测试我的body容器

如果它不工作怎么办？您提供的代码会产生一个方框阴影。有时，当阴影被另一个元素（已定位且具有高z索引）覆盖时，它似乎没有被应用。我将长方体阴影放在父div中，但阴影没有显示，我把边界显示出来，我把它放在div头和类头内容中。阴影是中间的div。我的代码是怎么出错的？@ ZoGy我把Z-索引放在- 2或0，但是仍然没有显示出你的父div和CSS的阴影，然后父div可能覆盖了SimoHiHi，我已经编辑了我的帖子。容器div next from标头背景色覆盖我的阴影