css - 使用 CSS 将图像写入外部样式

Question

我的 HTML 代码如下：

<img src="../images/ffp.jpg" alt="Adiscos membre de la F&eacute;d&eacute;ration de la Formation Professionnelle" name="Adiscos membre de la F&eacute;d&eacute;ration de la Formation Professionnelle" width="100" id="Adiscos membre de la F&eacute;d&eacute;ration de la Formation Professionnelle" />

我想把它写成外部 CSS。这个应该怎么办？

Answer 1

这在 CSS 中是不可能的。图像的源是标记的一部分，而不是 CSS。您需要使用 JavaScript。

 document.getElementById("ImageID").src = "ImageSource";

但是如果你真的需要 CSS 来做这件事，请改用 DIV。

<div id="image1"></div>

/* In external CSS file */
#image1 { width: 100px; height: 50px; background-image: url(image.gif); }

Answer 2

Adiscos membre de la Fédération de la Formation Professionnelle {
background-image:url(""../images/ffp.jpg");
width : 100;
}

Answer 3

.classname{background:url(../images/ffp.jpg) 无重复；}