【即解決】box-shadowが次の要素に隠れてしまう時の対処法

2018年10月8日

お久しぶりです。デモヤたちはまだ生きています。
ワールドカップも終わってしまったので、これからは生存確認の意味も込めて投稿復活したいと思います。

今日は表題の【box-shadowが次の要素に隠れてしまう問題】を即解決します!

よくありますよね。
headerにbox-shadowかけているのに、次の要素(メイン画像とか)に隠れてしまう事件。

結論から言うと「box-shadowをかけている要素にposition:relative;をかける」
以上です!

なんて簡単なんでしょうか。
z-indexでどうにかしようとしていた時期が私にもありました。
こっちの方が早いし簡単ですね!

Web

Posted by QRI