无法使用Ionic设置背景图像

Question

所以我刚开始使用Ionic Framework。我正在尝试添加背景图像。但是当我在浏览器中运行应用程序时，我看不到图像。在我的控制台中，我收到404错误。我相信我的道路是正确的。在我不确定我的CSS是否正确之后，我遵循了这个tutorial。这与我的基本相同。那么有人知道问题到底是什么吗？

我的部分HTML代码如下：

 <div class="logo"></div>

我的css如下：

.logo{
    background-image: url('../img/logo.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 80%;
    height: 246px;
    margin: auto;
    z-index: 2;
    position: relative;
}

Answer 1

在CSS中使用'background'会出现一些问题，尤其是当容器没有任何其他内容时。

尝试以下方法：

1. 添加显示：块;如果设置了宽度和高度，则可以覆盖任何继承的显示设置。
2. 减少要排除故障的CSS数量，有时候您只是遗漏了一小部分，已经移动或隐藏了实际的容器
3. 如果其他所有方法都失败了，请一步一步地在JSFIDDLE上执行，当它继续按要求工作时，请尝试将其复制。这也有助于您学习