css3阴影被遮罩后面的div给遮住了！
From:http://blog.****.net/u011456552/article/details/52398159
今天在写页面的时候，页面里面有个阴影的效果。如图：（为了显示更明显，我改了一下颜色，加宽了距离）
但是在页面书写的时候，怎么也看见阴影的效果，查看代码也生效了。
后来我把下面的div 用margin-top属性撑开，看到了原因，原来是下面的div给遮住了。
后来，我想用z-index的方法提高层级，但是很遗憾，还是失败了！
也尝试了用伪类去做，但是结果不尽人意，而且代码量大。后来，我想到了绝对定位和相对定位，就完美的解决了!
这样的有一个局限性，就是如果下面的div也是相对定位的话，你就需要对有阴影的div 写上z-index的属性了。
下面我付上自己的代码，有兴趣的同学可以 审查元素，然后把 navbar的 position属性删除。看看效果！