css - 为什么我的背景图片没有出现？

Question

我正在尝试放置一个重复渐变 .png 作为 div 的背景图像。

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 属性甚至都没有显示，我是不是打错了？

现在，根据各种问题:

1. 我的 HTML 和 CSS 文件在同一个目录中(您会注意到图像在 div 中使用——我这样做是为了确定文件是否可访问 - 它是)。

2. 我现在已经在 IE/Chrome/Firefox/Opera 中测试了这个页面。图片本身显示为单独的图片， 在 Firefox 中除外。

3. http://nepaninjas.com 此代码在此时存在错误。

Answer 1

你声明错了

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

应该是

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

如果您使用 background-image，您唯一可能的值是 image-url 而不是其他任何值。