首页 > Web开发 > 详细

background:url() 背景图不显示

时间:2017-09-06 09:16:12      阅读:219      评论:0      收藏:0      [点我收藏+]

奇怪的问题:

.box-3 {
    width: 100%;
    height: 500px;
    border: solid 2px red;
    margin-top: 70px;
    padding: 0 0 0 800px;
    box-sizing: border-box;

    background: url("img/aike.jpg");
}

  居然不能显示出背景图片,路经似乎是正常的

问题原因:
  在url(imagepath)里的这个imagepath(图片路径)。这个url寻址位置是以css文件夹为root目录,也就是导入css的上一级目录

技术分享

  通过浏览器调试,可以发现从css下面的img来找图片,但是img和css是平级的文件夹,就是说css下面是没有img这个文件夹存在的,所以浏览器当然报错了,因为根本找不到

那,解决办法?

  让其向上找一级,在让他找到img目录 ,在图片路径上加上 ../ 让其以上一级目录为root目录

.box-3 {
    width: 100%;
    height: 500px;
    border: solid 2px red;
    margin-top: 70px;
    padding: 0 0 0 800px;
    box-sizing: border-box;

    background: url("../img/aike.jpg");
}

  

 

background:url() 背景图不显示

原文:http://www.cnblogs.com/2bjiujiu/p/7482783.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!