CSS 'Fallback Images'

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' 是否会被下载或执行与 'fallback' 图像相同的规则？

Answer 1

Chrome(在 v9.x 上测试)只会下载第二张图片。请参阅此 sample page 上的开发人员工具