1

さて、なぜこれがまったく機能しないのかわかりません。私のコードは本来あるべき姿のようですが、背景画像が正しく表示されない理由を誰かに教えてもらえますか？

http://imgur.com/V6X4u

body {  
     font-family:arial;
     font-size:14px;
     background-image:url('worn_dots.png');   
     background-repeat:repeat;
     }

何らかの理由で、URLをWebアドレスに置き換えると、背景が表示されますが、このようには表示されません。

4

4 に答える 4

2

あなたの背景画像は禁止されています

デモ

于 2012-06-28T05:13:53.940 に答える
1

以下のコードを呼び出す必要があります:- 

 body {  
         font-family:arial;
         font-size:14px;
         background:url('http://i.imgur.com/RECGP.png') repeat 0 0;

         }

正常に動作するようになりました:- http://jsfiddle.net/hWvCK/2/

于 2012-06-28T05:11:56.290 に答える
1

あなたの CSS は無効です:

http://i.imgur.com/RECGP.png

body {  
     font-family:arial;
     font-size:14px;
     background-image:url('http://i.imgur.com/RECGP.png');
     background-repeat:repeat;
     }

場違いな URL を削除するだけです。

body {  
     font-family:arial;
     font-size:14px;
     background-image:url('http://i.imgur.com/RECGP.png');
     background-repeat:repeat;
     }

また、特定の参照ヘッダーで要求されたときに、使用している画像がブロックされています。

画像自体には問題なくアクセスできます: http://i.imgur.com/RECGP.png

JSBin では、画像はブロックされません: http://jsbin.com/ixibot

しかし、JSFiddle ページの一部としてブロックされています: http://fiddle.jshell.net/hWvCK/2/show/

これは JSFiddle ( http://forumserver.twoplustwo.com/55/about-forums/imgur-being-blocked-1184548/index2.html#postcount32237568 )だけに限られていないようです。

于 2012-06-28T05:13:56.290 に答える
1

編集:

スクリーン ショットによると、css は css フォルダー内にあるため、次のように css で画像をパスします。

background-image:url(../worn_dots.png)

画像はルート フォルダーに存在しcss、css フォルダーに存在するため../、css で画像を関連付けるために使用します。

于 2012-06-28T05:16:19.207 に答える