CSS背景图片无法正常工作

Question

由于某些原因，通过background设置的图像背景不起作用。

Chrome和Firefox中的开发人员工具都显示图像背景设置以及图像的链接正在工作，但是由于某些原因而没有显示。

.footer-mold { 
    background: url('http://www.example.com/images/footer-bg.jpg') no-repeat left top;
}

这里是站点链接-https://www.pamoldremoval.com/blog/。

Answer 1

.footer-mold的高度为0，因为里面的所有东西都是漂浮的，您什么也没清除。

一种解决方案是添加

.footer-mold::after {
    clear: both;
    display: block;
    content: '';
}

到样式表。

Answer 2

有时图像文件名中有空格，这会使您的图像消失。确保在上传过程之前重命名图像文件。

例如：“ example image.jpg” 最好将其重命名为：“ example-image.jpg”或“ example_image.jpg”