因为浏览器兼容的问题引起的，浏览器兼容的问题有多方面的原因,每个浏览器渲染网页的方法和结果都会不一样。

背景图片和插入图片的区别：

1.写在css里面的图片是以背景图形式存在的，而写在html里的img是以标签形式存在的，在网页加载的过程中，以css背景图存在的图片会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html里的img标签是网页结构（内容）的一部分会在加载结构的过程中加载。
2.通常是非内容的图片就写在css里面(用来修饰页面的元素)，如果是内容性的图片就写在html里面，
打个比方，你要做一个有漂亮边框的相册。那么修饰边框的图片就写在css里面，相框里面的内容照片就写在html里面。
3.图片做为背景，在图片没加载的时候或者加载失败的时候，不会有个图片的占位标记，不会出现红叉。

简单的理解就是“插入图片”后文字可以环绕在图片的旁边，“插入背景"则是文字在图片上面。你可以根据你所需要的外观效果选用方法。