Css 为什么我的背景图像没有出现?
我正在尝试放置一个重复的gradient.png作为div的背景图像 CSS: 我也用引号试过了,没有变化。这是Opera中蜻蜓界面所说的: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”,无衬线
#最后一个{
颜色:rgb(0,0,0);
显示:块;
}
nepan.css:43
.bar{
明确:两者皆有;
左边距:自动;
右边距:自动;
宽度:771px;
}
默认值
div{
显示:块;
}
继承自div
nepan.css:31
.wrapper{
颜色:rgb(40,40,40);
字体系列:“Arial”,“Helvetica”,无衬线;
字体大小:12px;
线高:18px;
文本对齐:左对齐;
}
^style属性甚至没有显示,我是否输入错误
现在,根据各种问题:
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;