如题，类似CSS里“background:url(../images/ban.png) no-repeat center top”的效果，按显示器的分辨率来显示图片，图片多出的部分隐藏掉，居中显示，切只显示图片中间部分，两边隐藏。分辨率够的可以看到完整的图片。
既然做背景能实现为什么不当做背景而直接插入img呢？
当然用img也是可以的实现的
1.
首先img的宽度必须是已知的（比如1920px）；
2.
设置外部容器overflow:hidden;（多余部分隐藏）；
3.
设置外部容器position:relative;（必须）
4.
设置img样式position:absolute;
left:50%;
margin-left
:-960px;（这个数值为img宽度的一半）
5.
注：left:50%;是将图片向右移动到容器一半的距离，margin-left:-960px;是再将图片反向移动图片一半的距离，这样图片就在居中了，你可以不用理解这是什么意思，会用就行了。
当然用img也是可以的实现的
1.
首先img的宽度必须是已知的（比如1920px）；
2.
设置外部容器overflow:hidden;（多余部分隐藏）；
3.
设置外部容器position:relative;（必须）
4.
设置img样式position:absolute;
left:50%;
margin-left
:-960px;（这个数值为img宽度的一半）
5.
注：left:50%;是将图片向右移动到容器一半的距离，margin-left:-960px;是再将图片反向移动图片一半的距离，这样图片就在居中了，你可以不用理解这是什么意思，会用就行了。
温馨提示：答案为网友推荐，仅供参考
