一直以来都认为css背景图与直接插入img图片的效果是差不多的，直到最近拜读了一位大神的作品，发现大部分图片都是通过背景图形式显示的，于是通过搜索各相关资料，在此总结了下二者的区别： 1. css中的图片以背景图形式存在，写在html中的图片以标签形式存在。而在网页加载过程中，以css背景 ...

背景图：（相关验证代码请查看代码，在验证时需将当前不需要验证的代码注释掉） 1.inherit:从父元素继承属性设置 2.background-repeat:平铺(在图片大小小于元素尺寸时背景图默认平铺): no-repeat:取消默认平铺 repeat-x ...

1. img插入图片，用的最多，比如产品展示类 2. 背景图片一般用于小图标背景或者超大背景图片 ...

HTML里background-image中，可以设置background-repeat实现平铺，前面博文中关于css样式换行的（相关博文：超文本css样式换行），其中有个三个div组合的，中间的div是平铺的，但是没有设置repeat值，默认就平铺了，默认就是横向纵向都是平铺的，不需要特别设置 ...

效果： 对于不规则图片，在屏幕缩小时图片适当左移，但为了不遮挡左侧文字，左移至一定位置后图片固定位置。 方法： 给背景图片设置宽度和absolute定位，使得图片浮于页面。然后在js里边判断当前窗口大小，当页面小到会致使图片遮挡左侧文字时，给图片添加left属性，这样图片就不会再向 ...

1.加载问题 背景图片会等到html结构加载完成才开始加载img标签是网页结构的一部分，会在html结构加载的时候加载在网页加载的过程中，背景图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而img标签是网页结构（内容）的一部分会在html结构加载的过程中加载，换句话讲，网页会先加载 ...

1.加载问题 背景图片会等到html结构加载完成才开始加载 img标签是网页结构的一部分，会在html结构加载的时候加载 在网页加载的过程中，背景图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而img标签 是网页结构（内容）的一部分会在html结构加载的过程中加载，换句话讲 ...

body { background: url('xx.jpg')top center no-repeat; background-size:cover; } body{ backgrou ...