为什么我的背景图片不显示？

CSS：

background-image: url(./images/backbar.png) repeat-x;

我也引号试了一下，也没有改变。这是在Opera蜻蜓接口说：

#final_bar { 
    color: rgb(0, 0, 0); 
    display: block; 
} 
nepan.css:43 
.bar { 
    clear: both; 
    margin-left: auto; 
    margin-right: auto; 
    width: 771px; 
} 
default values 
div { 
    <strike>display: block;</strike> 
} 
Inherited from div 
nepan.css:31 
.wrapper { 
    <strike>color: rgb(40, 40, 40);</strike> 
    font-family: "Arial", "Helvetica", sans-serif; 
    font-size: 12px; 
    line-height: 18px; 
    text-align: left; 
}

^Style属性甚至没有显示出来，所以我会打错？现在

，按照不同的问题：

我的HTML和CSS文件在同一目录下（你会注意到，图像在div使用 - 我这样做是为了确定文件是可访问的 - 它是）。
我已经在IE/Chrome/Firefox/Opera中测试了此页面。图像本身显示为一个单独的图像，，但Firefox中的除外。
http://nepaninjas.com此代码在此时出错。

来源

2012-02-02 Shea Christian Reinke

显示实际的代码，而不是萤火虫输出。任何人都无法根据您发布的内容来确定图片的位置。更不用说，萤火虫输出实际上不是CSS。 – Scott 2012-02-02 03:34:01

背景图像显式允许您设置背景图像，而不是其他设置。利用背景属性可让您将多个设置应用于一行背景。

background: url(./images/backbar.png) repeat-x;

下面是规范的东西，你可以在背景属性指定：

background: { background-color background-image background-repeat background-attachment background-position | inherit } ;

另外，请记住，在URL中的路径是相对的CSS文件本身的位置。如果我可以推荐使用你的文件路径的http root。这可以让你的CSS更灵活，如果你要重组或移动你的CSS文件，图像路径将不再需要更新。所以，如果你能管理，我建议：

background: url(/images/backbar.png) repeat-x;

前提是你的图像位于http://domain.com/images/

来源

2012-02-02 06:11:35

你宣布它错

background-image: url(./images/backbar.png) repeat-x;

应该

background: url(./images/backbar.png) repeat-x;

如果使用background-image你唯一可能的值是image-url不是别的。

来源

2012-02-02 03:39:32 Rezigned

-4

更改背景图片的URL。如果它位于外部目录中，请使用两个点而不是一个（../images而不是./images）

来源

2012-02-02 04:07:45

这个答案不正确。 – 2012-11-16 19:54:51

为什么我的背景图片不显示？

回答

相关问题