Question

可能重复：
Set size on background image with CSS?

我需要找到一个解决方案，了解如何获得与here获得的背景图像相同的效果，但使用图片标记。换句话说，我可能需要使用Javascript来做到这一点，但我找不到任何合适的解决方案。

这是示例页面中我身体的Html。

     <div id="contacto">

       <div class="home">

       </div>     

  </div>

CSS如下：

  #contacto {
  background-image: url("../img/barcelona-buildings.jpg");
  background-attachment: fixed;
  background-position: center 965px;
  height: 350px;
  width: 100%;
  margin-top: 75px;
  box-shadow: 2px 1px 6px 0 #888888 inset;
  -moz-box-shadow: 2px 1px 6px 0 #888888 inset;
  -webkit-box-shadow:  2px 1px 6px 0 #888888 inset;
}


.home {
    overflow: hidden;
    z-index: 1;
}

现在但我想删除CSS中的background-image: url("../img/barcelona-buildings.jpg");并使用<img src="../img/barcelona-buildings.jpg" alt="">中的div class="home"，并使用Javascript自动调整显示宽度的img

有可能吗？我怎样才能实现它？

Answer 1

对于 IMG 这样写：

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

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

1 个答案: