css の box-shadow は inset を指定すると、内側に影を付けれる便利なものだが、 子要素に background-color などで背景色を指定すると、 その背景に重なり順で負けてしまい、影が途切れる問題に直面しました。

そこで子要素の疑似要素を活用してみたところ、うまく問題を回避できました。