CSS 图片预加载[z]

最新推荐文章于 2021-08-04 01:26:51 发布

最新推荐文章于 2021-08-04 01:26:51 发布 · 194 阅读

文章标签：

#CSS #ASP #Blog

Ajax 专栏收录该内容

158 篇文章

订阅专栏

本文介绍了一种利用CSS背景图像实现图片预加载的方法，通过设置一个不可见元素的背景为待加载图片，从而达到预加载效果，有效解决了innerHTML设置内容时图片加载失败的问题。

本来想解决使用innerHTML方式设置内容时，里面样式中的图片无法加载的问题，结果意外的发现了一种图片预加载的方式。

From： http://blog.guoshuang.com/showlog.asp?log_id=3947

<style>
#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();
} 
</style>
<div id="preloadedImages"></div>