CSS：別のイメージ（またはキャンバス）内の背景イメージ

-1

別のイメージの内側に収まるように背景イメージを設定する方法はありますか？この例は、すべてを説明する：CSS：別のイメージ（またはキャンバス）内の背景イメージ

2016-06-11 MultiformeIngegno

を見ます背景画像のルールは同じ要素にあるので、はい。 – Kaiido

**いいえ、その画像は適切に説明されていません！**イメージはあなたの吹き出しにぴったり一致することはめったにありません。正確にフィットしていないときは、スケーリングする必要があります。スケーリングされると、ほとんど常にオーバーフローまたはアンダーフローが発生します。オーバーフローまたはアンダーフローで何が行われるのですか？ – markE

これはあなたのPNGは、透明な部分を持っていると仮定すると、それを行う必要があります。イメージを正しいサイズにすることができれば、最初のオプションが有効になります。 2番目のオプションは、1つが左に、2番目が右に揃うことを保証します。要件に応じて、2番目の画像にパディングを追加し、正しいサイズに拡大縮小する必要がある場合があります。

comment {background-image: url("bubble.png"), url("people.png");}

以上の制御のための

今

comment { 
     background-image: url("bubble.png") left top no-repeat, url("people.png") right top no-repeat; 
    }

そして、挿入した画像のオフセットおよびピクセルサイズ：詳細は

comment { 
     background-image: url("bubble.png") left top no-repeat, url("people.png") left 30px top 20px/300px 200px no-repeat ; 
    }

あなたは複数持つことができますcss3.com

出典

2016-06-11 14:18:30 Mike

しかし、もう1つは他のものの内側にあるでしょうか？ – MultiformeIngegno

改訂された例 - 画像に透明なセクションが必要です。挿入された画像の画像サイズを制御できない場合、FUNデバッグがあるかもしれません！ – Mike

Uhm .. https://jsfiddle.net/cypgLf0b/ – MultiformeIngegno

CSS：別のイメージ（またはキャンバス）内の背景イメージ

答えて

関連する問題