使用css背景图像预加载图像？

Question

有一种简单的着名方法是在视口外部固定一个div来预加载图像.

在css中使用background属性并将多个图像应用于没有内容的div是否真的相同？

像这样？

<div id="preload"></div>

#preload {
    position: absolute;
    overflow: hidden;
    left: -9999px; 
    top: -9999px;
    height: 1px;
    width: 1px;
    background: transparent url("../images/misc/formLoader.gif") no-repeat center center;
    background: transparent url("../images/misc/selectLoader.gif") no-repeat center center;
    background: transparent url("../images/misc/projectLoader.gif") no-repeat center center;
}

这实际上有用吗？或者最后一个背景属性是否会覆盖其他声明？

是否可以使用CSS3多个背景？

Answer 1

当您像这样用逗号分隔背景图像时： \n background-image: url(../images/misc/formLoader.gif), url(../images/misc/selectLoader.gif), url(../images/misc/projectLoader.gif);\n它应该可以工作。我不知道这是否适用于`background:\xc2\xb4。试试吧。

\n