IE8切斷背景圖像

我有以下代碼：IE8切斷背景圖像

#background-cover { 
    width: 100%; 
    height: 100%; 
    padding: 0px 0px 20px 0px; 
    background: url('background.jpg') no-repeat top left scroll; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale')"; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='background.jpg', sizingMethod='scale'); zoom: 1; 
}

用法：

<div id="background-cover"> 
    <div id="container"> 
     <p>Content Here</p> 
    </div> 
</div>

其中在Chrome瀏覽器的精絕，IE9 +，火狐等，但在IE8中拋出一個小問題了，它似乎不會延伸到窗口的底部 - 它看起來像只加載圖像的實際尺寸。有沒有辦法解決？

background.jpg是在同一個文件夾中的CSS文件的方式

我不能發佈的鏈接，因爲它的相關工作，但幫助是極大的讚賞

來源

2013-07-16 Andy Holmes

你可以在jsfiddle上重現這個問題嗎？ – biphobe

嘗試使用MaxImage2庫。

MaxImage2適用於所有現代瀏覽器，甚至可以在IE瀏覽器中回到7.0版。

來源

2013-07-16 08:05:20 Heejin

理想情況下，我想要一個css解決方案。不過，我會牢記這一點，謝謝！ –

IE8切斷背景圖像

回答

相關問題