我正在处理的网页上的这个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;
谢谢!