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

.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;
}