[解決済み] 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は読み込まれません)
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How do I style a <select> dropdown with only CSS?
-
[解決済み] Bitmapオブジェクトに画像を読み込む際にOutOfMemoryが発生する問題
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み] CSSのクラスは、1つまたは複数の他のクラスを継承することができますか?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] CSSで背景画像にサイズを設定する?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Define an <img>'s src attribute in CSS [duplicate]
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] クリアフィックスとは何ですか?
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] CSS背景のストレッチとスケール
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
-
[解決済み】srcのない画像を含めるための有効な方法は?
-
[解決済み] How to change source of <img> tag on hover?