CSS - 背景在 Firefox 中不起作用答案

【问题标题】：CSS - background not working in FirefoxCSS - 背景在 Firefox 中不起作用
【发布时间】：2016-05-17 19:21:10
【问题描述】：

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

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

有人知道吗？

【问题讨论】：

您在哪个 Firefox 版本中运行此代码？ background-size 仅适用于 FF4+。您必须为早期版本添加 -moz 前缀：developer.mozilla.org/en-US/docs/Web/CSS/background-size
寻求代码帮助的问题必须包含重现它所需的最短代码在问题本身中最好在Stack Snippet 中。见How to create a Minimal, Complete, and Verifiable example
我正在运行 FF 45.0.2，所以它应该可以工作。
请制作一个 jsfiddle 向我们展示发生了什么？
对不起，我不知道这是否有用，因为我只使用 html。 jsfiddle.net/w79tew87/6 这实际上似乎不起作用.. 在 chrome（和其他）中它看起来像这样：imgur.com/cZykHTI 在 ff 中它看起来像这样：imgur.com/XRqqwlv

标签： css firefox background-image

【解决方案1】：

更新代码试试这个 body { background: url('src/images/SpeqS.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; }

【讨论】：

我试过这个，图像显示在屏幕的左上角，它似乎超出了边缘：i.imgur.com/XRqqwlv.png 它应该看起来像这样，就像它在 chrome 中一样：@987654322 @我已经尝试更改多个这些背景规范，但似乎大多数规范使图像根本不出现。
尝试单独添加图片background-image:url('src/images/SpeqS.jpg'); background-position: center;background-size: 50%;background-repeat:no-repeat 。
也试过了，但正如我所说；除了背景背景图像之外，更改更多规范似乎会使图像消失。
您是否指定了正确的 html 文档类型？ <!DOCTYPE html> html5 像这样
是的，这是指定的

【解决方案2】：

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

}

这在 jsfiddle 中运行良好。希望这是您正在寻找的结果。

【讨论】：

在 Firefox 中，这适用于 jsfiddle。它在我的实际代码中不起作用。它与我的代码中指定的位置有关吗？目前，我在主页的 html 中有样式标签，并在那里指定背景。这是因为这适用于主页上的欢迎和客户名称文本。它需要在我的 css 文件中吗？