Question

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

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

出于某种原因，当我用网址替换网址时，后台会显示，但是就像这样。

Answer 1

禁止使用您的背景图片，请参阅此图片，其工作

<强> DEMO

Answer 2

你应该打电话给下面提到的代码： -

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

         }

现在工作正常，请检查： - http://jsfiddle.net/hWvCK/2/

Answer 3

您的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）

Answer 4

编辑：

根据你的屏幕截图你的css在css文件夹里面，所以用css路径你的图像：

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

由于您的图片位于根文件夹中且css位于css文件夹中，因此请使用../在css中关联您的图片

为什么背景图片没有显示在这里？

4 个答案: