CSS - 在Firefox中不能工作的背景

-2

我试图让所有浏览器都能使用背景图片。以下代码适用于除Firefox之外的所有浏览器：CSS - 在Firefox中不能工作的背景

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

有没有人有任何想法？

来源

2016-05-17 Mayia

您在哪个Firefox版本中运行此代码？背景大小只能在FF4 +中使用。您必须为早期版本添加-moz前缀：https://developer.mozilla.org/en-US/docs/Web/CSS/background-size – Aynolor

寻求代码帮助的问题必须包含重现它所需的最短代码**在问题本身**最好在[** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）。请参阅[**如何创建最小，完整和可验证的示例**]（http://stackoverflow.com/help/mcve） –

我正在运行FF 45.0.2，因此它应该可以工作。 – Mayia

更新代码试试这个 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%; }

来源

2016-05-17 10:03:13 Hareesh

我试过了，图像出现在屏幕的左上角，它似乎落在边缘上： http://i.imgur.com/XRqqwlv.png 它应该看起来像这样，就像它在铬： http://i.imgur.com/cZykHTI.png 我试过改变多个这些背景规范，但它似乎大多数的规格使图像不是根本不出现。 – Mayia

尝试单独添加图像'background-image：url（'src/images/SpeqS.jpg'）; background-position：center; background-size：50％; background-repeat：no-repeat'。 – Hareesh

试过这个，但正如我所说;除背景背景外，更改更多规格图像似乎会使图像消失。 – Mayia

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

}

这是在的jsfiddle做工精细。希望这是你正在寻找的结果。

来源

2016-05-17 11:21:10 Jozsi

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

CSS - 在Firefox中不能工作的背景

回答

相关问题