предварительная загрузка изображений с фоновыми изображениями css?

существует простой и хорошо известный способ предварительной загрузки изображений с фиксированным позиционированием div вне области просмотра, в котором находятся некоторые изображения.

на самом деле то же самое, просто использовать свойство background в css и применить несколько изображений к 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?