V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
chimon
V2EX  ›  问与答

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

  •  
  •   chimon · Aug 8, 2014 · 4008 views
    This topic created in 4285 days ago, the information mentioned may be changed or developed.
    在css里加入
    .wrap {
    background: #ccc url('img/background.jpg') 10px 20px no-repeat;
    height: 300px;
    }
    只显示灰色背景,不显示图片,但是将同样的代码放在html <style>里面就可以正常显示图片,
    我在哪里出错了么?(确认已关联css)

    PS 浏览器:chrome IE11下都是一样情况
    cutehalo
        1
    cutehalo  
       Aug 8, 2014   ❤️ 1
    css文件和html不在一个目录的吧
    这个图片的路径在css文件里 是相对于css的
    learnshare
        2
    learnshare  
       Aug 8, 2014   ❤️ 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  
       Aug 8, 2014
    按你的写法,你的图片应该在该css文件所在目录的子文件夹omg里面才行。
    O21
        4
    O21  
       Aug 8, 2014
    路径不对,你看下
    chimon
        5
    chimon  
    OP
       Aug 8, 2014
    灰常感谢。。。已经解决。真是不能更白痴了orz
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2455 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 45ms · UTC 11:40 · PVG 19:40 · LAX 04:40 · JFK 07:40
    ♥ Do have faith in what you're doing.