1

ちょっと変わったリクエストですが、divに適用された背景画像の背景色を設定できるかどうか疑問に思っていましたか? の背景色を設定できることは知っています<img />

私はもう試した:

background: #FFFFFF url(image.png) no-repeat bottom center;

画像が適用されるdivの色を変更するだけです。

助けてくれてありがとう

*編集、問題をよりよく説明するために画像を追加:

ここに画像の説明を入力

この右側のナビゲーションの最後のポッドには、背景画像/影が適用されています。理想的には、この影に背景色を付けて、含まれている div のように白ではなく、ページの背景と調和するようにしたいと考えています。

4

2 に答える 2

0

それらがすべて単一の画像である場合 (画像にコンテンツ テキストを含めることは通常悪い習慣と見なされます)、画像エディターを使用してブロック間のスペースを透明にすることをお勧めします (影を含めることを忘れないでください。そのため、白ではなく正しい色の上にアルファ透明度があります)。これにより、HTML 要素の背景色が透けて見えるようになります。

そうは言っても、私は個人的にこれらのブロックを通常のテキストと HTML ブロックにします (そのため、画像はそれぞれの右側にある装飾画像のみです) box-shadow

プロパティは、box-shadow本来、影自体が存在する場所以外は透明です。これは、その「背景」が常にその下にあるものであることを意味します (単純なケースでは、これは含まれている要素の背景になりますが、要素がその上にある場合は、テキストまたは画像にすることもできますbox-shadow)。

私のjsFiddleをチェックして、私が話していることを確認してください(簡単なものなので、目的の効果とまったく同じには見えませんが、その効果は少しの創造性で可能です):http://jsfiddle .net/DXrk6/1/

于 2012-10-11T15:40:57.737 に答える
0

使用する

background: #FFFFFF url(image.png) no-repeat bottom center;

要素(div、...)の背景をimage.pngで塗りつぶし、残りを色#FFFFFFで塗りつぶします

于 2012-10-11T09:10:18.567 に答える