小白求教：css 里设置 background-img 不显示，但在 html 里插入就可以显示

[chimon]

在css里加入
.wrap {
background: #ccc url('img/background.jpg') 10px 20px no-repeat;
height: 300px;
}
只显示灰色背景，不显示图片，但是将同样的代码放在html <style>里面就可以正常显示图片，
我在哪里出错了么？（确认已关联css）

PS 浏览器：chrome IE11下都是一样情况

[cutehalo]

css文件和html不在一个目录的吧
这个图片的路径在css文件里 是相对于css的

[learnshare]

CSS 中的文件路径和 HTML 中的路径应该是不同的，比如你的文件是：

/index.html
/css/main.css
/img/bg.jpg

那么文件路径应该是：

HTML:
"./img/bg.jpg"
CSS:
"../img/bg.jpg"

好好探索一下相对目录的几种写法吧：

bg.jpg
img/bg.jpg
/img/bg.jpg
./img/bg.jpg
../img/bg.jpg

[13k]

按你的写法，你的图片应该在该css文件所在目录的子文件夹omg里面才行。

[O21]

路径不对，你看下

[chimon]

灰常感谢。。。已经解决。真是不能更白痴了orz