为什么背景图片和插入图片相比，调位置更加方便
为什么背景图片和插入图片相比，调位置更加方便
为什么背景图片和插入图片相比，调位置更加方便
为什么背景图片和插入图片相比，调位置更加方便
为什么背景图片和插入图片相比，调位置更加方便
1.在没有设置宽高的div中，背景图片并不会显示出来，而插入图片却可以显示出来。
2.背景图片可以通过background-positon来调整位置
3.插入图片上可以写字，并且可以继续插入图片，背景图片不可以
方便这个词比较主观，没办法评价。
但是，使用背景图+css剪裁，可以实现一个大的图片一次性提供整个网页所需的各种图标、logo、边框、背景底纹等小图片，节约网络传输。
结论就是，那些页面上固有的（图标、logo、边框、背景底纹，包括工具栏菜单上的各种小图片）应该用背景
那些属于内容范畴的，应该用普通图片（比如新闻网站里的文章附带的照片）。
应该没什么差别的呀，浏览器 F12 用鼠标定位到元素动态调样式看效果，工作量差不多。
两者区别；
1：浏览器上下文的区别
div上下文
使用div+background-image实现图片显示的时候，该块级元素的上下文为普通的块级上下文
img上下文
而使用img显示图片的时候，上下文为img上下文，可以对图片进行另存为等操作。
2：块大小对图片显示的区别
选择
选择div+background-image的情况
1.根据div+background-image的特性可以得出选择使用这种方法实现显示图片的情况
2.图片用来当作块的背景的情况，这也是这种方法最原始的用法
3.由于这种方法的上下文是普通的块级上下文，没有图片另存为等操作，所以可以用于不希望用户能轻易保存图片的情
4.可以用于宽高给定的同时不希望图片拉伸且允许图片截断的情况
选择img标签的情况
img是一个语义化标签，在刚接触html+css的时候肯定有接触到语义化的概念以及渐进增强的概念，虽然现在的前端都不太注重渐进增强，但选用img标签能很好的适应语义化和渐进增强。选用它的情况如下
1.有明确的语义化要求的情况下选用img标签
2.图片是页面的组成部分而不是修饰部分的时候选用img标签
.3显示图片只给定宽或高且不能截断图片并要保证图片宽高比的情况下选用img标签
原文链接：https://blog.csdn.net/diyinqian/article/details/81387313