Css 为什么我的背景图像没有出现?

Css 为什么我的背景图像没有出现?,css,html,firefox,background-image,Css,Html,Firefox,Background Image,我正在尝试放置一个重复的gradient.png作为div的背景图像 CSS: 我也用引号试过了,没有变化。这是Opera中蜻蜓界面所说的: #最后一个{ 颜色:rgb(0,0,0); 显示:块; } nepan.css:43 .bar{ 明确:两者皆有; 左边距:自动; 右边距:自动; 宽度:771px; } 默认值 div{ 显示:块; } 继承自div nepan.css:31 .wrapper{ 颜色:rgb(40,40,40); 字体系列:“Arial”,“Helvetica”,无衬线

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

CSS:

我也用引号试过了,没有变化。这是Opera中蜻蜓界面所说的:

#最后一个{
颜色:rgb(0,0,0);
显示:块;
}
nepan.css:43
.bar{
明确:两者皆有;
左边距:自动;
右边距:自动;
宽度:771px;
}
默认值
div{
显示:块;
}
继承自div
nepan.css:31
.wrapper{
颜色:rgb(40,40,40);
字体系列:“Arial”,“Helvetica”,无衬线;
字体大小:12px;
线高:18px;
文本对齐:左对齐;
}
^style属性甚至没有显示,我是否输入错误

现在,根据各种问题:

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

  • 我现在已经在IE/Chrome/Firefox/Opera中测试了这个页面。图像本身显示为一个单独的图像,Firefox除外

  • http://nepaninjas.com
    此代码此时与错误一起生效

  • 你说错了

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

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

    如果使用
    背景图像
    ,则唯一可能的值是
    图像url
    而不是其他任何值。

    更改背景图像的url。如果它位于外部目录中,请使用两个点而不是一个点(
    。/images
    而不是
    。/images

    背景图像明确允许您设置背景图像,而无需其他设置。使用“背景”属性可以在一行中将多个设置应用于背景

    background: url(./images/backbar.png) repeat-x;
    
    以下是您可以在“背景”属性中指定的规范:

    background: { background-color background-image background-repeat background-attachment background-position | inherit } ;
    
    另外,请记住url中的路径是相对于CSS文件本身的位置的。如果可以,我建议将http根目录用于文件路径。这使你的CSS更加灵活,如果你要重新构造或移动你的CSS文件,图像路径随后将不需要更新。因此,如果你能做到,我建议:

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

    如果图像位于

    中,则显示实际代码,而不是firebug输出。根据你发布的内容,任何人都无法判断图片应该放在哪里。更不用说,firebug输出实际上不是CSS。
    background: url(/images/backbar.png) repeat-x;