【即解決】box-shadowが次の要素に隠れてしまう時の対処法
お久しぶりです。デモヤたちはまだ生きています。
ワールドカップも終わってしまったので、これからは生存確認の意味も込めて投稿復活したいと思います。
今日は表題の【box-shadowが次の要素に隠れてしまう問題】を即解決します！
よくありますよね。
headerにbox-shadowかけているのに、次の要素(メイン画像とか)に隠れてしまう事件。
結論から言うと「box-shadowをかけている要素にposition:relative;をかける」
以上です！
なんて簡単なんでしょうか。
z-indexでどうにかしようとしていた時期が私にもありました。
こっちの方が早いし簡単ですね！