[解決済み] Chrome 10とInternet Explorer 8でインラインの "background-image "スタイルが機能しないのはなぜですか?
2022-03-11 20:18:50
質問
なぜ 次の例 は、Firefox 4では画像が表示されますが、Chrome 10とInternet Explorer 8では表示されないのですか?
HTMLです。
<div style="background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div>
CSSです。
div {
width: 60px;
height: 60px;
border: 1px solid black;
}
何か回避策はありますか?
解決方法は?
c-smileさんのおっしゃるとおりです。のアポストロフィーを削除するだけです。
url()
:
<div style="background-image: url(http://i54.tinypic.com/4zuxif.jpg)"></div>
関連
-
[解決済み】エラー。Body " の後の無効な CSS: 期待されるセレクタまたは at-rule は、4 行目の "{" でした。
-
[解決済み] text-overflow: 省略記号が機能しない
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] カーソルを指ポインタに変更
-
[解決済み] WebForms UnobtrusiveValidationMode には、'jquery' の ScriptResourceMapping が必要です。jquery という名前の ScriptResourceMapping を追加してください(大文字と小文字を区別します)。
-
[解決済み] HTMLボタンのテキストを固定幅で折り返すには?
-
[解決済み] 同じ要素にbackground-imageとCSS3グラデーションを組み合わせるにはどうすればよいですか?
-
[解決済み] CSS画像を背景で伸縮させる - CSSのみで可能
-
[解決済み] 背景画像データをCSSにBase64で埋め込むのは良い方法ですか、悪い方法ですか?
-
[解決済み] display:blockの入力はブロックではありません、なぜですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】位置固定が機能しない
-
[解決済み】スタイルシートとして解釈されるリソースがMIMEタイプtext/htmlで転送される(ウェブサーバーとは関係ないようです)。
-
[解決済み] Bootstrapのカラムが機能しない
-
[解決済み] <html xmlns="http://www.w3.org/1999/xhtml">」は何をするのですか?
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] will-change' や translateZ() ハックは 'transition: height' のパフォーマンスを向上させるか?
-
[解決済み] SRCとHREFの違い
-
[解決済み] HTMLファイルへのリンクは可能ですか?
-
[解決済み] ホバー時に背景画像を暗くする
-
[解決済み] 画像をインラインで表示する方法