このコードはIEではうまく動作しますが、mozillaとfirefoxではうまく動作しません。
私はCSSを初めて使っていますページに背景画像を追加したいのですが、ここにコードがあります。次のコードは正常にIEで動作しますが、chrome anf firefoxでは動作しません。css3で背景イメージを追加する
body {
background-image: url(C:/Users/Public/Pictures/Sample Pictures/maxresdefault.jpg);
background-repeat: repeat-x;
}
body{
background-image: url('C:/Users/Public/Pictures/Sample%20Pictures/maxresdefault.jpg');
background-repeat: repeat-x;
}''にパスを入れて、サンプルと写真の間のスペースを削除してください。スペースを確保したい場合は、パスにSample%20Picturesと入力します。 ％20はUnicode文字です。
相対パスを指定してください。
これが役に立ちます。
％20Shahは動作していません –
ohkk ..次にスペースを取り除き、相対パスを与えようとします。 –
いいえ、私は相対パスで管理していますが、そのURLは必要ありません –
これはあなたの問題を解決します
body {
background-image: url("C:/Users/Public/Pictures/Sample Pictures/maxresdefault.jpg");
background-repeat: repeat-x;
}
いいえ動作していません –
<body background="C:/Users/Public/Pictures/Sample Pictures/maxresdefault.jpg">
</body>
これは私のマシンで動作します。
動作しない場合。 1.画像のパスを確認するには、その画像を右クリックしてください。 - >プロパティ - >画像パスをコピーしてください。 2.パスに記載されている画像の拡張子とスペルは正確です。
それはURL内のスペースがあります... Amal Swain
に動作しない場合の通知、URLの前後に引用符を入れてみてください。 –
引用符は必須ではありません。しかし、相対パスを使用しようとします。パスエラーを防止する方が簡単です – Alexis
[url（）の値を引用するのは本当に必要ですか？]（https://stackoverflow.com/questions/2168855/is-quoting-the-value-of-url-really- – Turnip