0

可能重复：
使用 CSS 在背景图像上设置大小？

我需要找到一个解决方案，如何获得与我在这里实现的背景图像相同的效果，但使用图像标签。换句话说，我可能需要使用 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;
}

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

是否可以？我怎样才能实现它？

4

1 回答 1

1

对于IMG这样写：

.home img{
  position:fixed;
  width:100%;
  height:auto;
}
于 2012-09-17T10:24:37.397 回答