質問させてください。

layerA, layerBがあり、Aにはbackground-imageがかかっており、Bにはbackground-colorでAに重なるようにwhiteが指定されているパララックスのページがあるとします。

この状態の時、Bの1部分だけを50x50pxくらいの正方形に切り抜き、切り抜かれた正方形の背景にAの画像が常に見えている状態にしたいのですが、コード的にキレイな書き方が思いつかなくて悩んでいます。

Bの背景として、事前に正方形が切り抜かれた画像を、background-imageで指定する方法はすぐに思いつくのですが、できればもっとキレイな書き方をしたいです。なにかいい方法があればアドバイスいただきたいです。よろしくお願いいたします。