zoukankan      html  css  js  c++  java
  • background-image中url找不到路径,背景图像无法显示

    <div id="body_left_secend_1">
                            <img src="~/Images/images1/index1_r4_c1.jpg">
      </div>

    在对应的DIV中能够显示图片

    但是当把路径复制 变成内联样式表中的background-image时候 在原来图中却不能显示背景图片,在fireBUG中显示URL载入错误,这是怎么回事了?

    #body_left_secend_1 {
        293px;
        height:300px;
        background-image:url(../Images/images1/index1_r4_c1.jpg);
     
    }(这段代码无法使图片正常显示)

    这是background-image的绝对路径和相对路径问题

    绝对路径:是从盘符开始的路径,形如 C:windowssystem32cmd.exe

    相对路径:就是从当前位置开始。

    对于上面出现的问题属于相对路径问题,只需要把background-image:url(../Images/images1/index1_r4_c1.jpg)改成background-image:url(../../Images/images1/index1_r4_c1.jpg);就能够正常显示

  • 相关阅读:
    kickstart-G
    some advice in work
    Java Applet:练习TextField类和TextArea类的文本事件
    jquery带下拉菜单和焦点图
    炫酷的CSS3抖动样式:CSS Shake
    CSS: iPhone Custom CSS
    css sprite技巧详解
    CSS缎带效果
    css 采集下载
    CSS控制表格嵌套
  • 原文地址:https://www.cnblogs.com/softwarewebdesign/p/4803687.html
Copyright © 2011-2022 走看看