Css 背景图像未显示在页面上

我的背景图像没有显示。以下是CSS：

.banner {
    height: 25em;
    width: 100%;
    background: #F0F3F7 url("images/Dog_02.jpg");
    background-size: cover; 
}

以下是HTML：

<article class = "section group">
    <section class = "banner col span_8_of_8">

---

背景色不会显示，但图像不会显示。我已经检查了Google Chrome中的开发者工具。它没有列出任何错误。

我尝试了这个演示，请尝试，您的问题是没有将

背景图像的
url
的正确路径放置到

.banner {
        height: 25em;
        width: 100%;
        background:url("images/Desert.jpg");
        background-size: cover; 
    }

//你的身体部位

<article class = "section group">
    <section class = "banner col span_8_of_8">
    </section>
</article>


您是否将图像的正确路径放在
背景
的
url
中？请使用图像保存路径更新原始问题？您的代码在JSFIDLE上工作