css左右阴影 上下没有,css - css3在另一个div下的阴影，z-index不起作用

我正在尝试使用投影使其看起来像一个div(标题)在另一个“上方”。 我的问题是“中间”div正在覆盖阴影。 我尝试使用z-index将标题div放在中间div上，但它不起作用(阴影仍然被覆盖)。 当我在div之间休息时，我可以看到阴影，因此我知道代码的一部分工作正常。 我有以下HTML代码：

这个css：

#portal_header_light {

font-family:Arial, Helvetica, sans-serif;

font-size:12px; text-align:center;

-moz-border-radius: 3px 3px 3px 3px;

-webkit-border-radius: 3px 3px 3px 3px;

padding: 0px 3px 0px 3px;

background: -moz-linear-gradient(center top, #999999 0%,#ffffff 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #999999),color-stop(1, #ffffff));

-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);

-moz-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);

box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);

z-index:5;

}

#middle{

height:308px;

background-color:white;

z-index:-1;

}

有任何想法吗？ 谢谢。