Firefox掩盖背景图像。在chrome中一切都很好看

Question

我有一个类为我的项目的一部分创建背景图像，并且Chrome中的一切看起来很好，但是在Firefox中没有图像。当我看到firebug时，我注意到该类的background属性添加了rgba(0, 0, 0, 0)。这不是我的css。我确实有其他css类与背景图像在Firefox中显示正常，只有这一个没有显示。

我尝试调整内容并搜索解决方案，但我还是画了一个空白。我创建了一个jsfidle，但背景在那里显示得很好。

这是我的图片类：

.cover-wrapper-inner {
    display: table-cell;
    height: 100%;
    width: 100%;
    background: url($cover-image) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
    -moz-box-shadow: inset 0 0 100px rgba(0,0,0,.5);
    box-shadow: inset 0 0 100px rgba(0,0,0,.5);