IE背景大小不起作用

我想讓背景伸展整個身體（只有寬度）。這隻適用於Chrome，Opera和Firefox。我怎樣才能使這項工作在IE瀏覽器上呢？ O_oIE背景大小不起作用

background-size:100%; 
-moz-background-size: auto 100%; 
-o-background-size: auto 100%;

來源

2011-01-26 Cristy

你在使用IE9嗎？否則，這是CSS3標記。所以沒有辦法。 – Marnix 2011-01-26 15:28:36

因爲背景大小CSS3具體你要去不得不使用這樣的事情它在IE工作

設置你的HTML和身體

html {overflow-y:hidden} 
body {overflow-y:auto}

包您想用全屏圖像DIV＃頁面背景

#page-background {position:absolute; z-index:-1}

然後把這個HTML文件中

<div id="page-background"> 
    <img src="/path/to/your/image" width="100%" height="100%"> 
</div>

**，你將不得不使用某種復位刪除邊距和補，這樣的事情

html, body {height:100%; margin:0; padding:0;}

來源

2011-01-26 15:32:55 daniel

是的，我已經讀過這個。我認爲有一個只有css的解決方案：D。無論如何感謝 – Cristy 2011-01-26 16:54:33

IE版本under 9不支持背景大小。跨瀏覽器的解決方案是使用像fullscreenr這樣的jquery插件。

來源

2011-01-26 15:29:25 Sotiris

好的，那麼我會忽略這一個IE8用戶:)）：D – Cristy 2011-01-26 16:55:19

我創建jquery.backgroundSize.js：一個1.5K jQuery插件，可以作爲一個IE8的後備「封面」和「包含」值。看看demo。

來源

2012-04-13 19:17:13

嗨路易斯，我試過使用你的代碼，但IE 8瀏覽器的底部有一些無法解釋的空間。當我切換打開和關閉檢查元素控制檯時，它會完全顯示，全屏顯示。但是當頁面加載時，它不是全屏，底部有一些空間。另外，我注意到當頁面加載時，圖像的頂部被切斷，例如顯示圖像的底部9/10和頂部的1/10不顯示。在切換檢查元素控制檯後，它顯示圖像的10/10。有沒有辦法修復它？希望你明白我在說什麼。 – Dr3am3rz 2013-09-23 03:00:55

IE背景大小不起作用

回答

相關問題