css背景图片绝对路径无法显示问题

css背景图片绝对路径无法显示问题

正常的css引入背景图片就不多说了.
正常代码如下图:
在这里插入图片描述
在这里插入图片描述
没有毛病,此时,我们的教皇就显示出来了,相对路径引入,但是此时如果用绝对路径
如下图代码:
在这里插入图片描述
页面会空空如也,此时不禁会思考哪里出了问题,又继续测试.
在这里插入图片描述
在这里插入图片描述
如图,我为了测试,写了一个绝对路径的img标签,但是可以正确显示,上面div标签依旧白色,不禁怀疑这是HTML背景图片路径格式的问题,那么应该如何解决呢。

此时,大部分人都会说:你写相对路径不就好了。
在这里插入图片描述
对于新人来说,刚开始学习HTML并没有这么多规范,只是想单纯的测试相对路径或绝对路径的区别,但是这里对于新人是很不友好的,并不能正常显示,更何况,问题出现了.
不多说,继续测试。
我又将图片放入了D盘
在这里插入图片描述

在这里插入图片描述
教皇正常显示了,应该是盘的问题,这就好说了。
又做了两次测试
在这里插入图片描述
放在的user底下,是不能显示的
那再直接放到C盘下试一下
在这里插入图片描述
这里又能继续显示了,那问题就在user文件夹这里,众所周知,这个user文件夹是个人用户的数据,这里应该是权限问题,涉及到底层的一些原理,只要不在user/xxxxx下的路径用绝对路径,这个图片就可以正常显示。
当然,要是必须这么写,还有一个方法.
C:\Users\Reeee\Desktop\timg.jpg变成C:/Users/Reeee/Desktop/timg.jpg,这里我把"“换成了”/",他就可以正常显示了。

总结
1.不在user路径下用绝对路径。
2.必须在user下用绝对路径需要将"“换成”/"

  • 7
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值