Html 调整我的div中的背景图像大小

可能重复：

我需要找到一个解决方案，如何获得相同的效果，我已经取得的背景图像，但使用图像标签。换句话说，我可能需要使用Javascript来实现这一点，但我没有找到任何合适的解决方案

这里是示例页面中我的主体的Html

     <div id="contacto">

       <div class="home">

       </div>     

  </div>

现在，但我想删除

背景图像：url（../img/barcelona buildings.jpg”），并在
div class=“home”
中使用Javascript自动调整img显示宽度的大小

可能吗？如何实现它？
对于IMG请这样写：

.home img{
  position:fixed;
  width:100%;
  height:auto;
}

像这样，图像会覆盖显示在下面的内容，将更高的z-index添加到您的内容中，例如，这样写。内容{position:relative；z-index:5}。内容，它在哪里？添加为图像的类？为什么要去掉CSS
背景图像
属性并使用
标记？是否需要动态呈现所选的不同图像？在本例中，您可以动态地生成div的
style
属性？不，实际上不，我被要求使用javascript来实现这一点。。。可能吗？你会怎么做？
.home img{
  position:fixed;
  width:100%;
  height:auto;
}