html - 操作元素背景

Question

当您在 div 中有图像时，请说：

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

您只能使用引用特定元素.reflection img { // do stuff here }

我只想引用background:一个 CSS 元素，因为我正在使用模板，并且所有图像都使用 CSS 而不是 HTML 显示，如下所示：

.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 个类。IE：

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

然后，您可以在 .reflection img 和 .defaultBackground img 上设置样式。

3 回答 3