css - 给一个div背景图片，每次刷新页面时总会先闪一下空白再出现背景图片，是图片加载问题吗？怎么解决

问题描述

问 题

<div style="background: url(http://dl.bizhi.sogou.com/images/2012/01/19/191337.png);width: 400px;height: 400px;">
        
    </div>

我在自己的页面上用的是本地的图片。
刷新后背景图片的地方先显示空白，然后背景图片才显示出来，是因为背景图片加载得比页面慢吗？怎么让背景图片和页面同步显示出来。

解决方案

你可以弄一个首页加载的css3动画，当$(document).ready的时候将动画隐藏，这样就能提升用户体验了。

这篇关于css - 给一个div背景图片，每次刷新页面时总会先闪一下空白再出现背景图片，是图片加载问题吗？怎么解决的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！