div的style="background-image: url(img/a.bmp)图片显示不出来

• 首先我的div设置成240x160 px，但是原图是800x480 px
  代码如下，然后网页什么也没显示

<style>
.item{
			width:240px;height:160px;
		}
</style>
... ...
<div class="item" style="background-image: url(img/a.bmp);>
</div>

• 接着我百度查到解决方法(https://zhidao.baidu.com/question/466527811.html)
  原来背景图不能自适应容器大小，还要设置
  backgroud-size：cover;(contain/50%/240px 160px)
  修改代码如下

<style>
.item{
			width:240px;height:160px;
		}
</style>
... ...
<div class="item" style="background-image: url(img/a.bmp); 
					     background-size:cover">
</div>

最后成功解决问题。因为图片太大，div设置太小，所以图片显示不出来，或者只显示一部分。

本文地址：https://blog.csdn.net/qq_42403503/article/details/107394804