如何创建一个盒子阴影？

Question

我正试图在lower nav bar on this site下创建一个阴影。但是下面的CSS似乎没有用。

有什么想法吗？

谢谢，

塔拉

#catmenucontainer {
    height:25px;
    background:#333333;
    display:block;
    padding:0px 0 0px 0px;
    font: 18px helvetica, sans-serif, Arial;
    font-weight:normal;
    border-bottom:1px solid #000;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
}

Answer 1

以下是没有违规元素的代码示例： Menu with css3 shadow

Answer 2

影子正在发挥作用。这只是div#casing覆盖它。

#catmenucontainer {
    position: relative;
    z-index:2
}
#casing {
    position: relative;
    z-index:1
}

Answer 3

您的CSS很好，我可以确认它有效。试试这个并修补它，直到你得到它想要的地方：

-moz-box-shadow: 0 0 5px red;
-webkit-box-shadow: 0 0 5px red;
box-shadow: 0 0 5px red;