CSS-背景在Firefox中不起作用

我正在尝试在所有浏览器中使用背景图像。以下代码适用于除Firefox以外的所有浏览器：

<style>
    body {
        background: url('src/images/SpeqS.jpg') no-repeat center;
        background-size: 50%;
        height: 100%;
    }
</style>

身体{
背景：url（'src/images/SpeqS.jpg'）没有重复中心；
背景大小：50%；
身高：100%；
}

有人知道吗？

更新的代码试试这个

正文{
背景：url（'src/images/SpeqS.jpg'）没有重复中心；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
身高：100%；
}

 body {
background: url('http://s32.postimg.org/pqht43fkl/Speq_S.jpg') no-repeat top center;
background-size: 50%;
height: 100%;

}

---

这在JSFIDLE中运行良好。希望这是你想要的结果

您在哪个Firefox版本中运行此代码？背景大小仅适用于FF4+。对于早期版本，您必须添加-moz前缀：寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码，最好是在一个文本中。请看，我正在运行FF 45.0.2，所以它应该可以工作。请制作一个JSFIDLE来向我们展示发生了什么事情？对不起，我不知道这是否有用，因为我只使用html。这实际上似乎不起作用。。在chrome（和其他浏览器）中看起来是这样的：在ff中看起来是这样的：我试过这个，图像显示在屏幕的左上角，似乎从边缘掉了下来：应该是这样的，就像在chrome中一样：我尝试过更改多个背景规范，但似乎大多数规范都使图像根本不显示。尝试分别添加图像

background image:url（'src/images/SpeqS.jpg'）；背景位置：中心；背景大小：50%；背景重复：不重复

。也尝试过，但正如我所说；除了背景图像之外，更改更多规格似乎会使图像消失。您是否指定了正确的html文档类型<代码>类似于HTML5是的，这是在firefox中指定的，它在JSFIDLE中工作。它在我的实际代码中不起作用。它是否与代码中指定的位置有关？目前，我在主页的html中有样式标记，并在那里指定背景。这是因为它与主页上的欢迎和自定义名称文本配合得很好。它需要在我的css文件中吗？