为什么背景图片没有显示页脚？

Question

如下图所示,我的footerImage页脚div的背景图像没有显示,即使div有一个明确定义的高度(50px)和宽度(100%),如绿色边框所示.为什么？我该如何解决？

注意:这不是图像路径问题,因为我可以在Brackets中提取图像的预览.

我的页脚:

HTML:

<ul>
    <li>
        <a href="" target="_blank"> <figure>
            <div class = "footerImage resume"> </div>
            <figcaption>Resume</figcaption>
        </figure></a>
    </li>
</ul>

CSS:

.footerImage {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 50px;
    border: 1px solid green;
}

.footerImage .resume {
    background-image: url('../images/resume.png');
}

Answer 1

为你的div编辑这个css

.footerImage.resume {
    background-image: url('../images/resume.png');
}

因为它们是相同的div两类他们应该是没有差距.footerImage和.resume