css - 背景色がDIVを埋めないようにする

Question

透明な領域を持つ PNG 画像があります。これは、エッジがジグザグになっている破れたレシートのようなものです。レジの領収書をシミュレートするために、白い背景の div の下部に配置されます。私はこれを次のように試しました。

 background: #ffffff url("../images/zigzag.png") bottom right no-repeat;

ただし、背景の白は画像の端まで塗りつぶされます

ここに画像の説明を入力

別のdivを作成する以外に、画像の下に背景色が入るのを止める方法はありますか?

score 0 · Accepted Answer

0

背景色を透明にする:

#foo {
  background: transparent url(yourzig-zagImage) no-repeat 0 0;
}

于 2012-11-02T12:29:03.877 に答える

score 0 · Accepted Answer

別のものを追加することdivは、おそらく最もクリーンなソリューションです。

ただし、高さdivが制限されている場合は、代わりにdiv透明の背景を作成し、「ギザギザ」画像の上部を白いピクセルで拡張して、高さが十分に高くなり、常に主要部分に白い背景が提供されるようにすることができます。div。_

2 に答える 2