2014-01-05 36 views
2

滾動我一直使用下面的一段代碼,以使固定的背景,以及覆蓋頁面的100%,儘管它的規模:背景大小蓋加背景配件安裝頁中不工作,在IE11

background-image: url('./background.jpg'); 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-repeat: no-repeat; 
background-position: center top; 
background-attachment: fixed; 
background-size: cover; 

然而,由於IE11,這是行不通的,因爲它應該:

http://i.stack.imgur.com/EZK4M.png

這是它是如何顯示出來,直到IE11:

http://i.stack.imgur.com/8bkmH.jpg

IE11有什麼變化嗎?有沒有辦法像IE11之前一樣工作?

+1

如果將其更改爲'background-size:contains;'會發生什麼? – Anthony

+0

Touche @Anthony .... – BuddhistBeast

+0

這部分代碼是可以的,可以從IE 9直到IE 11。它必須是別的東西。你有沒有任何X-UA兼容元標籤? – Andy

回答

0

感謝大家的意見!我發現了一種在IE11中實際工作的方式。將背景作爲圖像放置在具有以下屬性的單獨div中:代碼高度:auto;左:0;最小高度:100%; min-width:1024px;位置:固定; top:0;寬度:100%;的z-index:-1;在這裏檢查:nekutranslations.es/sf2