CSS页脚背景图像不会显示出来

Question

页脚的背景图片不会显示。 注意：Chrome开发者工具中没有错误。

CSS代码：

.mini1 {
  width: 100%;
  height: 6.7%;
  margin-top: -2%;
  background-image: url('../images/footer1.jpg');
  z-index: 10;
}

HTML代码：

<footer class="mini1">
    ....
</footer>

编辑：    在这种情况下，页脚的父级是标记。

编辑：    对于考虑路径的人：   

编辑：标签内有内容。

Answer 1

请尝试以下代码：

.mini1 {
    width: 100%;
    height: 6.7%;
    margin-top: -2%;
    background-image: url('../images/footer1.jpg');
    z-index: 10;
    background-size: 100% 100%;
}

请注意图像路径是否正确。进入控制台检查是否有任何错误。

Answer 2

这是一个有效的JSfiddle：http://jsfiddle.net/knftvt6v/4/

我相信这是导致错误的文件路径，你可以制作一个JS小提琴

.mini1 {
    width: 100%;
    height: 2em;
    margin-top: -2%;
    background: url('http://www.serenitybaumer.com/main_images/footer.jpg');
    z-index: 10;
    color:white;
    text-align:center;
}

我添加了这段代码，其中工作正常