我网站上的导航栏下方有一个框阴影,但由于某种原因,当我在其下方添加另一个 div(本质上只是一个巨大的图像)时,导航栏上的框阴影消失了,几乎就像图像与导航栏重叠,或者至少是它的盒子阴影。下面是2张图片,显示了我的意思。
下面没有 div/image - http://puu.sh/3Iw9F.png下面 有 div/image - http://puu.sh/3Iwbx.jpg
我试着弄乱一些 z-index,但没有运气。有什么我做错了吗?
<div id="navbar">
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
</div>
<div id="images">
<img src="image/image1.jgp" />
</div>
#navbar {width:100%;padding:10px 0px;text-align:center;z-index:100;box-shadow: inset 0 1px #fff, 0 1px 3px rgba(34,25,25,0.4);-moz-box-shadow:0 1px 3px rgba(34,25,25,0.4);-webkit-box-shadow:0 1px 3px rgba(34,25,25,0.4);}
#navbar a {text-decoration:none;padding:5px 10px;border:1px solid #fff;font-size:16px;font-family: 'Source Sans Pro', sans-serif;color:#3f3f3f;font-weight:900;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#navbar a:hover {background:#F26311;border:1px solid #E0570F;color:#fff;text-shadow:0px 2px 2px #E0570F;}
#images {width:100%;}