背景設置：Javascript

Question

當我將圖像設置爲背景時，我無法將某個圖像的大小調整爲容器的尺寸。

#container { 
    position: relative; 
    height: 400px; 
    width: 600px; 
    left: 15%; 
    border: 1px solid black; 
    margin: 0; 
    background-repeat: no-repeat; 
} 
<script language="JavaScript"> 
    function option1() { 
    background="url('image.png')"; 
    document.getElementById('container').style.backgroundImage = background; 
    } 
</script> 
. 
. 
. 
. 
<a href="#" id="b1" onclick ='option1()'>x</a> 

我基本上是試圖讓我的鏈接（這是x）改變容器的背景，因爲我點擊它們。圖像都有不同的大小，我試圖找到一種方法來改變或調整圖像的大小，以適應容器，因爲我稱之爲函數。我找不到任何東西，所以我放棄了，只是在圖像編輯器中手動調整每個圖像的容器大小。有沒有其他解決方法？我對Javascript很陌生，我嘗試着查看其他代碼，但它有時會引發循環。

__________________________________________ 
|          | 
|          | 
|          | 
|__________________________________x_x_x_| 

Answer 1

你可以看到它在這裏的行動：http://jsfiddle.net/Shmiddty/Akypk/

隨着相關CSS之中：

background-size:100% auto; 

圖像將填充容器的寬度和高度將縮放比例。