CSS 背景图像未按预期工作答案

【问题标题】：CSS background image is not working as expectedCSS 背景图像未按预期工作
【发布时间】：2019-10-24 04:01:49
【问题描述】：

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

Chrome 和 Firefox 中的开发工具都显示图像背景设置和图像链接正常工作，但由于某种原因没有显示。

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

【问题讨论】：

【解决方案1】：

.footer-mold 的高度为 0，因为里面的所有东西都是浮动的，你什么都不会清除。

一个解决方案是添加

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

到样式表。

【讨论】：

【解决方案2】：

有时图像文件名中有空格，它会使您的图像消失。请务必在上传过程之前重命名您的图像文件。

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

【讨论】：