2

CSS で次のコードを使用して、HTML ドキュメントに背景画像を適用できません。

body
    {
        text-align:center;
        background-image:url('C:\wamp\www\marks display\WI71.jpg');
    }

私もそれを検索しましたが、上記の宣言はtrueですが、実行できないことがわかりました。なぜこうなった？

4

4 に答える 4

7

これは URL ではなく、ファイル パスです。

サイトのルートが の場合marks display、おそらくこれが必要です。

background-image:url('/WI71.jpg');
于 2012-10-26T17:42:15.780 に答える
1

Web 上で公開する場合、パスはドライブ (ファイル パス) にマップされるべきではなく、URL である必要があります。

それは次のようになるはずです background-image:url('http://domainname/71.jpg');-- 画像の完全な URL

またはbackground-image:url('WI71.jpg'); -- 相対 URL

于 2012-10-26T17:42:13.953 に答える
0

実際の相棒 html css は実際にはサーバー上のものであるため、以下は正しいコードです。

background-image: url('c:/xyz/xyz/sample.jpg');

ただし、サイトを実際の Web サーバーにアップロードする場合は、そのようなパスを指定しないでください。以下のようにしてください。

background-image: url('foldername_if required/imagename');
于 2012-10-26T17:47:27.413 に答える
0

文字列C:\wamp\www\marks display\WI71.jpgが URL 構文に準拠していません。まず、文字\自体は URL では許可されていません。スラッシュに置き換える必要があります/。スペース文字は、% でエンコードする必要があります%20。最後に、ローカル システム内のファイルをパス名で参照するには、file:URLを使用します。

background-image:url('file:///C:/wamp/www/marks%20display/WI71.jpg');

ただし、IE には非常に寛容なエラー回復機能があるため、指定された名前で示される場所にファイルが存在する場合、不正な形式のコードは実際には IE で動作します。他のブラウザーでは、(ほとんどの場合) 正しいコードが必要です。

このような URL の有用性は非常に限られています。ほとんどの場合、ローカル テストでのみ機能します。ローカル テストでも、HTML ドキュメントの場所に関連する URL を使用することをお勧めします。このようにして、フォルダー構造の関連部分を複製すれば、ローカル テストと Web サーバーで同じコードを使用できます。

于 2012-10-26T19:12:23.703 に答える