背景大小屏幕沒有圖像失真

Question

所以我有一個形象（W：1638px H：2048像素），我使用background-image功能，然後試圖給它width: 100%;和height: 100%;屬性設置爲我的背景。它將圖像水平延伸到屏幕上，但隨後它會讓我向下滾動顯示其餘部分。我不想滾動。是否有辦法裁剪/定位肖像定向圖像以使其看起來比例正確，並將屏幕正確填充爲背景？我應該在Photoshop中將其設置爲不同的大小，以景觀爲導向嗎？

我在html定期<div class="bgimage></div>和CSS是這樣的：

.bgimage { 
height: 100%; 
width: 100%; 
background-image: url(images/background.jpg); 
background-repeat: no-repeat; 
background-size: cover; 
position: absolute; 

}

有什麼我缺少或不正確幹什麼？我正在使用Dreamweaver CS6並在最新版本的Firefox/Safari中查看它。

謝謝。

Answer 1

如果你設置整個頁面的背景，只是在樣式元素body改爲：

body { 
    background-image: url(images/background.jpg); 
    background-repeat: no-repeat; 
    background-size: cover; 
} 

http://jsbin.com/rugom/2