#preloadedImages?{
???????width:?0px;
???????height:?0px;
???????display:?inline;
???????background-image:?url(path/to/image1.png);
???????background-image:?url(path/to/image2.png);
???????background-image:?url(path/to/image3.png);
???????background-image:?url(path/to/image4.png);
???????background-image:?url();
}

只要在HTML里加入 <div id="preloadedImages"></div> 這樣一個語句就行。
因為width和height都是0，所以不占位。在因為是inline元素，所以對其他元素沒有影響。
這樣就可以預先加載了image1.png等圖片。
這個方法是網上看到的，同樣的效果也可以通過JS實現或者在頁面上布置不可見的 img 元素。
值得注意的是這樣類似有點無賴的方法可以通過CSS有效性的認證。

轉載于:https://www.cnblogs.com/liyinkan/archive/2008/11/13/1332404.html

總結

以上是生活随笔為你收集整理的CSS实现网页图片预加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。