CSS背景图与html插入img的区别

1、css中的图片以背景图形式存在,写在html中的图片以标签形式的存在。而在网页加载过程中,以css背景存在的图片会等到html结构加载完成才开始加载,而html中的img标签是网页结构(内容)的一部分会在加载结构的过程中加载。

在一个单纯由html和css组成的页面中,背景图片总是最后加载的,那么假如我们想要使用较小的背景图片作为占位符,用于在家在较大的图片或者flash文件时给用户以提示,大部分时候恐怕是达不到效果的,因为背景图片有时候甚至会在大图片或flash文件加载完成之后才会被加载。

2、通常非内容的图片(即用来修饰页面的元素)就写在css里,如果是内容性的图片就写在html中,比如,你要做一个漂亮相框的相册,那么修饰边框的图片就写在css里,相框里的内容照片就在html里。

3、图片作为背景,在图片没有加载或者加载失败时,不会有个图片的占位标记,不会出现红叉。

相关推荐