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

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

サンプル(parent-elements-box-shadow-inset-in-child-elements-background.html)