html - 要素の背景を操作する

Question

div 内に画像がある場合は、次のように言います。

<div class="reflection">
<img src="example" alt="" />
</div>

を使用してのみ特定の要素を参照できます.reflection img { // do stuff here }

background:テンプレートを使用していて、すべての画像が HTML ではなく CSS を使用して表示されるため、CSS 要素ののみを参照したい:

.exampleClass { background: url("path here") no-repeat scroll 0 0 transparent; }

CSSでそのクラスの背景を参照するにはどうすればよいですか?

score 0 · Accepted Answer

独自のクラスを作成するだけです..

HTML

<div class="reflection background">
<img src="example" alt="" />

CSS

.background { background: url("path here") no-repeat scroll 0 0 transparent; }

その.backgroundクラスは、背景にしたい任意の要素に与えることができます。

score 0 · Accepted Answer

.reflection {}背景を使用して操作するだけです。これは CSS プロパティ ( background) であるため、最初に定義した後に後で変更できます。

score 0 · Accepted Answer

2つのクラスを追加するだけです。すなわち:

<div class="reflection defaultBackground">
    <img src="example" alt="" />
</div>

次に、.reflection img と .defaultBackground img の両方にスタイルを設定できます。

3 に答える 3