背景大小覆蓋IE11不覆蓋全區域

我要去瘋狂。 IE11拒絕用背景圖片填充DIV的整個區域，儘管我已經設置了背景大小的屬性。請看下面的例子：背景大小覆蓋IE11不覆蓋全區域

CSS：

.bg { 
    width: 100%; 
    min-height: 220px; 
    background: url("bg.jpg") center top no-repeat; 
    background-attachment: fixed; 
    background-size: cover; 
}

HTML：

<div class="bg">bla</div> 
<div class="bg">blabla<br />blabla</div>

的Chrome，火狐，Safari，Opera都做什麼，我希望發生：背景圖像，bg.jpg，總是覆蓋DIV的完整可見區域，而不管瀏覽器窗口的比例如何。另一方面IE11不是，而是在DIV的左側和右側存在可見的間隙（在我的情況下）。當我禁用「background-attachment：fixed」規則時，它會起作用，背景圖像覆蓋整個區域。修正後，它不會。悲傷的臉。

這絕對是一個特定於我正在工作的網站的問題，因爲我知道IE11通常對此沒有任何問題，但我看不到任何會導致此問題的事情。這讓我的大腦受到傷害。我很想發佈一個鏈接到該網站，但我不能。如果您需要更多示例或有疑問，請不要猶豫，問。

任何幫助/建議，非常感謝。謝謝！

更新：實際上，它似乎background-size：當背景附件設置爲固定時，封面被IE11完全忽略。嘆。

更新2：一些截圖（希望）有點說明問題。在IE中，背景似乎是固定的，但不包括它應該的區域。

FF and IE side by side same image with guides

來源

2014-03-24 ynamite

你有JSFiddle嗎？ –

@FranciscoCorrales我做的，但事情是，準系統jsfiddle將*不*展現此問題。正如我上面所述，這個問題似乎是特定於我正在開展的項目。但也許有人曾經經歷過同樣的事情？ – ynamite

毫米，好吧，也許有些圖像呢？屏幕截圖？ –

~~我已經成功應用下面的CSS來解決這個問題。我對此並不滿意，但必須這樣做。~~

如果有人遇到同樣的問題，測試此修復程序，它可能取決於您的方案，也許它不會。

.bg { ... background-size: 100% 100%; }
上一棒

聖蟹鞋......嗯，這是有點尷尬。

問題是： IE被縮小了。

解決方案：放大

的CSS是一直工作正常。

來源

2014-03-25 14:07:59 ynamite

背景大小覆蓋IE11不覆蓋全區域

回答

相關問題