ToB企服应用市场:ToB评测及商务社交产业平台

标题: css前端配景图片不显示，background-image无效，路径正确但配景图片不显示 [打印本页]

作者: 乌市泽哥 时间: 2024-12-18 23:23
标题: css前端配景图片不显示，background-image无效，路径正确但配景图片不显示
记录一次调试前端页面时设置配景图片不生效问题：
一、路径问题：

老规矩根据网上资料查抄路径是否正确，相对路径绝对路径都试过均不生效

<div class="container" style="background-image: url(./img/bg.png)">
</div>

复制代码

.container{
width: 100%;
height: 100%;
}

复制代码

二、高度问题：

后面又想到如果div盒子没有高度，配景图片是显示不出来的，固然设置了高度100%，但是如果内部没有元素撑开依然没有用果，所以把高度宽度都加上

.container{
width: 100px;
height: 100px;
}

复制代码

结果发现还是没有用果，依然显示不出来，有颔首疼了
三、终极解决：

后面想到是不是路径剖析不对，如果把属性放在style中是不是更好

<div class="container">
</div>

复制代码

.container{
width: 100px;
height: 100px;
background-image: url(./img/bg.png)
}

复制代码

问题完善解决，配景图片正常显示了，但是不知道具体原理，记录下来盼望有大佬解惑

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)