CSS背景圖像擬合到的div

Question

可能重複：
Stretch and Scale a CSS image Background - With CSS only

我想設置的div背景圖像的div（寬度：1000，最小高度：710）和圖像尺寸是753 x 308 whan我試圖設置它圖像不適合div大小我應該怎麼做？

.Invitation { 
    background-color: transparent; 
    background-image: url('../images/form.png'); 
    background-repeat: no-repeat; 
    background-position: left top; 
    background-attachment: scroll; 
    background-size: 100%; 
    width: 1000px; 
    height: 710px; 
    margin-left: 43px; 
} 

的DIV類是

.content { 
    clear:both; 
    width:1000px;  
    background:#e7e8e9; 
    background-image:url('../images/content.jpg'); 
    background-repeat:no-repeat; 
    background-position:left top; 
    min-height:710px; 
} 

而且代碼

<div class="content"><div class="Invitation">form goes here....</div></div> 

Answer 1

嘗試是這樣的：

CSS

<style type="text/css"> 
    img.adjusted { 
    position: absolute; 
    z-index: -1; 
    width: 100%; 
    top: 0; 
    left: 0; 
    } 
    .Invitation { 
    position: relative; 
    width: 1000px; 
    height: 710px; 
    margin-left: 43px; 
    } 
</style> 

HTML

<div class="Invitation"> 
    This is an example 
    <img src="http://files.myopera.com/arshamr/albums/612249/Nature%20(3).jpg" alt="" class="adjusted"> 
</div> 

我希望這有助於！