CSS'后备图像'

Question

所以如果你有这样的代码:

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'会完全下载还是采用与"后备"图片相同的规则？

Answer 1

Chrome（在 v9.x 上测试）将仅下载第二个图像。请参阅此示例页面上的开发人员工具