2 つの異なる div のいくつかの背景画像をオーバーレイする必要があります。透明な PNG を使用していますが、一方を他方の上に重ねると、2 番目の画像が最初の画像に厄介な白い背景を追加し、効果が失われます。これはアルファ チャネルが原因である可能性があることをどこかで読みましたが、ウォークスルーに関する情報はありませんでした。誰かが私に解決策を教えてもらえますか?
私はスプライトを使用しており、そこから両方の画像を取得していることに注意してください.jQueryも含まれています(したがって、JSまたはjQueryソリューションを受け入れます). 私は現在z-index: 1;
、一番下のレイヤーと一番上のレイヤーに使用していz-index:2;
ますが、おそらく3番目のレイヤーがあるため、ソリューションは2つの画像のオーバーレイに集中するのではなく、2つ以上の画像をオーバーレイする必要があります。
ありがとう!
JS セクションにコメント付きのフィドルを追加
結果のスクリーンショットは、左上隅の葉の間の白に注意してください。これは、35px の正方形で、少し汚れているはずです。
解決:
CSSを使用して追加することbackground-color: transparent;
で、divの背景色を削除し、完全な透過性を取得しました