Итак, если у вас есть такой код:
background: url('image.png');
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));
Ваш браузер будет использовать градиент, если это webkit, но если это не так, он вернется в исходное состояние и используйте изображение. Если вы используете webkit, изображение просто не будет загружено. Итак, если бы у вас было:
background: url('image1.png');
background: url('image2.png');
Будет ли вообще загружено 'image1' или применяются те же правила, что и для 'резервного' образа?