V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
chimon
V2EX  ›  问与答

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

  •  
  •   chimon · 2014-08-08 15:45:45 +08:00 · 3411 次点击
    这是一个创建于 3759 天前的主题,其中的信息可能已经有所发展或是发生改变。
    在css里加入
    .wrap {
    background: #ccc url('img/background.jpg') 10px 20px no-repeat;
    height: 300px;
    }
    只显示灰色背景,不显示图片,但是将同样的代码放在html <style>里面就可以正常显示图片,
    我在哪里出错了么?(确认已关联css)

    PS 浏览器:chrome IE11下都是一样情况
    5 条回复
    cutehalo
        1
    cutehalo  
       2014-08-08 15:54:39 +08:00   ❤️ 1
    css文件和html不在一个目录的吧
    这个图片的路径在css文件里 是相对于css的
    learnshare
        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
    13k
        3
    13k  
       2014-08-08 15:57:16 +08:00
    按你的写法,你的图片应该在该css文件所在目录的子文件夹omg里面才行。
    O21
        4
    O21  
       2014-08-08 16:01:04 +08:00
    路径不对,你看下
    chimon
        5
    chimon  
    OP
       2014-08-08 16:01:30 +08:00
    灰常感谢。。。已经解决。真是不能更白痴了orz
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3086 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 00:13 · PVG 08:13 · LAX 16:13 · JFK 19:13
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.