css3陰影被遮罩後面的div給遮住了！

今天在寫頁面的時候，頁面裏面有個陰影的效果。如圖：（爲了顯示更明顯，我改了一下顏色，加寬了距離） 可是在頁面書寫的時候，怎麼也看見陰影的效果，查看代碼也生效了。 後來我把下面的div 用margin-top屬性撐開，看到了緣由，原來是下面的div給遮住了。 後來，我想用z-index的方法提升層級，可是很遺憾，仍是失敗了！ 也嘗試了用僞類去作，可是結果不盡人意，並且代碼量大。後來，我想到了絕對定位

>>阅读原文<<