关于在.css文件中使用background-image:url("../images/bg.jpg");不显示问题,已解决

首先这个你在一个页面中引用到这个样式文件后,他在加载加载图片的时候会以当前的.css样式文件为起点,根据url中的路径去查找文件位置
如下图我当前的css文件在css目录下而css目录与images图片在同一级,所以我需要以当前community.css为起点向上一级再进入images文件夹才能正确定位到bg.jpg

错误写法:back-image : url("/static/images/bg.jpg");  这个会在当前community.css文件这一级去找一个static文件再深入找到images然后到bg.jpg  但是并不存在这些目录与文件

正确写法:back-image : url("../images/bg.jpg");  ..会回到上一级(/static/css-->/static)然后找一个images文件夹进入找bg.jpg文件,这样就能正常找到资源

在这里插入图片描述
除了上述的定位出现问题以外应该就是文件名或文件夹名写错,导致找不到目标文件

定位一定是从当前正在使用的文件为起点的,有些IDE工具会提示错误的文件路径,这个需要自己去看清楚

  • 6
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值