當前位置：
首頁 >
CSS实现网页图片预加载
發(fā)布時間：2023/11/27
37
豆豆
生活随笔
收集整理的這篇文章主要介紹了
CSS实现网页图片预加载
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
#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();
}
???????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等圖片。
這個方法是網(wǎng)上看到的，同樣的效果也可以通過JS實現(xiàn)或者在頁面上布置不可見的 img 元素。
值得注意的是這樣類似有點無賴的方法可以通過CSS有效性的認證。
轉(zhuǎn)載于:https://www.cnblogs.com/liyinkan/archive/2008/11/13/1332404.html
總結(jié)
以上是生活随笔為你收集整理的CSS实现网页图片预加载的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《赠江客》第三句是什么
- 下一篇： GridView中HyperLinkFi