background-image:url()不工作&图像也没有出现

时间:2012-10-01 19:30:14

标签: html css html5 css3

我的背景图片未显示在网站上。我正在使用HTML5和CSS。这是相应的代码。

 body {
        width: 1000px;
        background-image: url(background.jpg);
        background-repeat:repeat-x;
        background-color:#D1E1E1;
        }

其次,当我尝试通过访问URL来查看图像时,例如myurl [点] com / background.jpg

但是,Image存在于我的服务器上。当我转到我的FileManager,然后单击查看图像时,它会正确显示。

我的整个网站加载,而不是图像。这是非常奇怪的行为,我不知道。我抬头看了网,找不到任何解决办法。

编辑:当我在自己的计算机(localhost)上运行此代码时,网站正常运行。

3 个答案:

答案 0 :(得分:3)

Failed to load resource: the server responded with a status of 403 (Forbidden) 

检查文件权限,它应至少为644,但只需将其设为777

如果这没有帮助,你有没有玩过.htaccess文件?

答案 1 :(得分:0)

看起来您在服务器上应用了某种重写规则。无论您在地址栏中输入什么内容,它都会返回您的主页。

顺便说一句,不知道如何作为评论作出回应,而不是作为回答发送。接受

答案 2 :(得分:0)

您的图片路径不对,适用于您服务器上的内容。

当我访问该网站并输入http://random.uiet.org/style.css时,我会看到您的样式表。通过你的styledef,我还应该能够查看你的背景图片。但是当我去http://random.uiet.org/background.jpg时,我只看到整个网站 - 根本不是任何图像。因此,服务器可能设置为不生成404错误页面。

服务器上的哪个是你的background.jpg文件?它的全部路径是什么?