使用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

.classname {background：url（../ images / ffp.jpg）no-repeat;}

Answer 3

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