小白求教：css 里设置 background-img 不显示，但在 html 里插入就可以显示
chimon · 2014-08-08 15:45:45 +08:00 · 3449 次点击这是一个创建于 3797 天前的主题，其中的信息可能已经有所发展或是发生改变。
在css里加入
.wrap {
background: #ccc url('img/background.jpg') 10px 20px no-repeat;
height: 300px;
}
只显示灰色背景，不显示图片，但是将同样的代码放在html <style>里面就可以正常显示图片，
我在哪里出错了么？（确认已关联css）
PS 浏览器：chrome IE11下都是一样情况
.wrap {
background: #ccc url('img/background.jpg') 10px 20px no-repeat;
height: 300px;
}
只显示灰色背景，不显示图片，但是将同样的代码放在html <style>里面就可以正常显示图片，
我在哪里出错了么？（确认已关联css）
PS 浏览器：chrome IE11下都是一样情况
 |
1
cutehalo 2014-08-08 15:54:39 +08:00  1
css文件和html不在一个目录的吧
这个图片的路径在css文件里 是相对于css的 |
 |
2
learnshare 2014-08-08 15:54:40 +08:00 1
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 |
 |
3
13k 2014-08-08 15:57:16 +08:00
按你的写法，你的图片应该在该css文件所在目录的子文件夹omg里面才行。
|
 |
4
O21 2014-08-08 16:01:04 +08:00
路径不对，你看下
|
 |
5
chimon OP 灰常感谢。。。已经解决。真是不能更白痴了orz
|
Select Language