1. ホーム
  2. html

[解決済み] CSSでimgタグのsrc属性に相当するものを設定することは可能でしょうか?

2022-03-15 14:49:31

質問

を設定することは可能でしょうか? src の属性値をCSSで指定できますか?現在、私が行っているのは

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

で、こんな感じにしたいんです。

<img class="myClass"/>

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

こんなことしたい なくしては を使用しています。 background または background-image: のプロパティを CSS で使用することができます。

どのように解決するのですか?

使用方法 content:url("image.jpg") .

フル稼働ソリューション( ライブデモ ):

<!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 40.0.2 (デベロッパーネットワークツールを観察すると、URLは読み込まれるが、画像は表示されないことが確認できる)
  • Internet Explorer 11.0.9600.17905 (URLは読み込まれません)