我有一个带有这样背景图片的div：
<div class="carousel-image"
style="background: url(img/background.gif) no-repeat center center;">
</div>
当我加载我的网页时，在我的大background.gif图像加载时，会出现令人讨厌的空白背景。我怎样才能获得一个快速加载的替代图像，并在background.gif图像准备就绪后立即替换？
答案 0 :(得分：0)
你有两个解决方案。
您可以使用延迟加载图片。对于此解决方案，请在stackoverflow上查看此问题：Lazy loading images how
如果您的图片足够小，则可以使用data URI代替图片链接。这将直接将您的图像嵌入到html代码中，因此无需加载任何内容。以下是有关如何将图片转换为数据URI的说明：http://www.abeautifulsite.net/convert-an-image-to-a-data-uri-with-your-browser/
第一个解决方案回答了你的问题。第二个没有，但它是同一个问题的另一个解决方案。