調整背景圖片在我的div

可能重複：
Set size on background image with CSS?調整背景圖片在我的div

我需要找到如何讓我已經實現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

這可能嗎？我怎樣才能實現它？

來源

2012-09-17 Koala7

爲什麼要擺脫CSS'背景image'財產，並使用''標籤究竟做 - 你需要渲染動態選擇不同的圖像？在這種情況下，你可以動態地生成div的'style'屬性？ – froddd

沒有其他的不，我被要求使用javascript來做...這可能嗎？你會怎麼做？ – Koala7

對於IMG這樣寫：

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

來源

2012-09-17 10:24:37 sandeep

那樣的話，圖片就越過 – Koala7

顯示的內容就會給你的內容提供更高的z-index – sandeep

z-index的哪個級別？例如 – Koala7

調整背景圖片在我的div

回答

相關問題