问题描述:在实际开发中,会遇到大图作为背景图片的场景,这时图片的展示方式有两种。
第一种是使用<img>标签去显示,第二种是以背景图片显示。
img:html中的标签img是网页结构的一部分,会在构建dom结构的时候就去加载图片。
background:以css背景图存在的图片会等dom结构加载完成,才开始加载。
当使用backgruong设置背景图片的时候 会出现背景图片断层加载(一点一点的加载),用户体验感不佳。
问题描述:在实际开发中,会遇到大图作为背景图片的场景,这时图片的展示方式有两种。
第一种是使用<img>标签去显示,第二种是以背景图片显示。
img:html中的标签img是网页结构的一部分,会在构建dom结构的时候就去加载图片。
background:以css背景图存在的图片会等dom结构加载完成,才开始加载。
当使用backgruong设置背景图片的时候 会出现背景图片断层加载(一点一点的加载),用户体验感不佳。