別の画像(その下にあるzオーダー)のパーツを表示するには、divが必要です。
つまり、divが特定の位置にある場合、divの真下にある背景画像の部分のみが表示されます(画像内の他のすべては非表示になります)。
質問をわかりやすく説明するために、アニメーションGIFを作成しました
。http
://whattaclick.com/illustrate.gif編集:うーん..gifはクロムでのみアニメーションを開始するようです。Firefoxでは、最初にコンピューターに保存しないと機能しません。
何が良いアプローチになるかについてのアイデアはありますか?最初はcssクリップを使って背景画像を隠すことを考えていましたが、クリップの値を手動で挿入し続けるのは大変な作業です。どういうわけか、divの内側の領域を除くすべてを非表示にするようにブラウザに指示できれば簡単です。