Safari on the other hand shows only the last. You'll see that Firefox for example shows every image except the fist one. Here are a few examples and a demo, to demonstrate that behavior. Regarding this, I would suggest to always use: background: url('background1.png') īackground-size: auto 749px /* or cover */ The support for background-size in the shorthand notation is also not very broad, as it's supported in Firefox 18+, Chrome 21+, IE9+ and Opera. To get it to work in shorthand notation it has to look like this: background: url() 0 0 / auto 749px Īlso note that there's a value called cover, which may be suitable and more flexible here: background: url() 0 0 / cover What you're trying to do is to set the position, but it will fail as auto is not a valid value for it.
Your using the shorthand notation in which the background-size-property comes after the background-position-property and it must be separated by a /.