html - background image cover different on Chrome and Firefox -
this 6-tile-header on page i'm working on looks different in chrome , firefox.
http://epicstudios.de/carbonbikes3/index_white.html
chrome shows correctly (see screenshot link below) , uses background images cover whole screen make 1 image divided several tiles, while firefox makes 6 small images out of it.
how firefox show correctly?
how chrome shows (correct): http://epicstudios.de/carbonbikes3/cb.jpg
how firefox shows (wrong): http://epicstudios.de/carbonbikes3/cb_firefox.jpg
this how each single tile given background:
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;
thank you!
Comments
Post a Comment