☰

CSS で img タグの src 属性を設定することは可能ですか? 質問する

tag-icon • tag-icon html css image src
CSS で img タグの src 属性を設定することは可能ですか? 質問する

srcCSS で属性値を設定することは可能ですか?
ほとんどの場合、次のように使用します。

<img src="pathTo/myImage.jpg" />

そして私はこうありたいのです

<img class="myClass" />

.myClass {
    some-src-property: url("pathTo/myImage.jpg");
}

CSS でまたはプロパティを使用せずにこれを行う方法があるかどうかを知りたいです。backgroundbackground-image

ベストアンサー1

使用content:url("image.jpg")。

完全な動作ソリューション ( Live Demo):

<!doctype html>

<style>
.MyClass123{
    content:url("http://imgur.com/SZ8Cm.jpg");
}
</style>

<img class="MyClass123"/>

テスト済みおよび動作中:

  • クローム 14.0.835.163
  • サファリ4.0.5
  • オペラ 10.6
  • Firefox 100以降

テスト済みで動作しない:

  • Firefox 40.0.2 (Developer Network Tools を観察すると、URL は読み込まれますが、画像は表示されないことがわかります)
  • Internet Explorer 11.0.9600.17905 (URL が読み込まれない)

おすすめ記事