【CSS】box-shadowが効かない場合の対応方法【メモ】

影を出したい要素の隣にbackground-imageを持つ要素があると効かない

box-shadowは隣接する要素にbackground-image（colorでも同様)があると、背景の下に隠れてしまいます。

影を表示したい要素にposition:relative;を追加することによって、影を出現させることができます。

position:relative;