Chrome和Firefox上的背景图片封面不同

时间:2016-09-13 01:20:24

标签: html css google-chrome firefox background-image

我正在处理的网页上的这个6-tile-header在Chrome和Firefox中看起来有所不同。

http://epicstudios.de/carbonbikes3/index_white.html

Chrome正确显示它(请参见下面的屏幕截图链接),并使用背景图像覆盖整个屏幕,使其看起来像一个图像分为几个图块,而Firefox则会生成6个小图像。

如何让Firefox正确显示?

我的Chrome如何显示(正确):http://epicstudios.de/carbonbikes3/cb.JPG

我的Firefox如何显示(错误):http://epicstudios.de/carbonbikes3/cb_firefox.JPG

这是每个单个图块的背景:

background: url(../img/header_bg_red4.jpg) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

谢谢!

0 个答案:

没有答案