css控制背景图片随div的大小而缩放

时间:2021-08-08 20:29:18



<div style="width:360px;height:200px;border:red 1px solid; margin-left:100px; margin-top:300px; position:relative; ">
       <img style="position:absolute;left:0px;top:0px;width:100%;height:100%;z-Index:-1; border:1px solid blue" src="xxx.png" />背景图片的验证
</div>

 

 

这里需要提出几点:

   1.<img/>的z-index为-1,其实也就相当于一个背景的设置;

   2.width height设为100%是解决问题的关键;