質問させてください。
layerA, layerBがあり、Aにはbackground-imageとして外部イメージが指定されています。Bにはbackground-colorでAに重なるようにwhiteが指定されているパララックスのページがあるとします。スクロールしてもAの画像はスクロールされずBが覆いかぶさるイメージです。
この状態の時、Bの1部分だけを100x100pxくらいの正方形に切り抜き、切り抜かれた正方形の背景にAの画像が常に見えている状態をCSSで再現したいのですが、コード的にキレイな書き方が思いつかなくて悩んでいます。
Bの背景として、事前に正方形が切り抜かれた画像をbackground-imageで指定する方法はすぐに思いつくのですが、できればもっとキレイな書き方をしたいです。なにかいい方法があればアドバイスいただきたいです。よろしくお願いいたします。
あなたの回答
tips
プレビュー