1

好吧，我不知道为什么这根本不起作用。似乎我的代码应该是这样，有人可以告诉我为什么我的背景图像显示不正确吗？

http://imgur.com/V6X4u

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

出于某种原因，当我用网址替换 URL 时，背景会显示，但像这样却没有。

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;
     }

只需删除不合适的网址：

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 回答