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で削除したいのですが、Javascriptを使用して <img src="../img/barcelona-buildings.jpg" alt="">内部で使用するdiv class="home"と、表示の幅に関する画像のサイズが自動的に変更されます

出来ますか？どうすれば達成できますか？

4

1 に答える 1

1

IMGの場合、次のように記述します。

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