为避免窗口缩小时，背景图出现滚动条。
.index-banner-bg {
   overflow: hidden;  
}

vertical-align:middle; 行内居中

在html中使用img的，一般是比较常变动的图像，因为你后端传的数据到前端页面必须使用Img显示，而使用background的一般写在css中，属于不常变动的。

margin用法

verticel-align:middle

水平居中

背景图片，为了防止页面缩放出现滚动条，需要加height，和overflow:hidden

为什么有的时候是使用img添加图片，有的时候是使用backgroud来添加图片

，我想明白了，在html中使用img的，一般是比较常变动的图像，因为你后端传的数据到前端页面必须使用Img显示，而使用background的一般写在css中，属于不常变动的。