【css】box-shadowが下のブロックにうまくかからない時

たとえばheader100%の下にbox-shadowを引いてすぐ下に
画像を置くとbox-shadowが隠れてしまうけれど、
そういう時は
「上の div に position: relative と z-index: 0; を追加」
すると解決。
重なり順を変えよう！