Question

This technique for preloading several images需要以下CSS：

#preload_area {
    background-image: url(someimage.jpg);
    background-image: url(someimage2.jpg);
    width: 0px;
    height: 0px;
    display: inline;
}

但是，someimage.jpg实际上会被加载吗？我原本以为它会被忽略，因此在被下一行someimage2.jpg的规则覆盖后没有被加载。

Answer 1

你是对的，第一个background-image会被忽略。但是，您可以使用CSS3 supports multiple backgrounds之后的类似内容：

background-image: url(someimage.jpg), url(someimage2.jpg);

自IE8以来每个broswer都支持 - http://caniuse.com/#feat=multibackgrounds

质疑预加载图像的技术（通常用作悬停状态的背景图像）

1 个答案: