在IE 9中無法正確顯示背景圖像

我正在構建html 5網站，並且它在Chrome和Firefox中正常工作。當我在IE 9中啓動它時，除了我的背景圖像以外，其他所有內容都不會超出網站的高度。我的身體css是在下面，這控制着背景圖像及其高度和寬度。在IE 9中無法正確顯示背景圖像

#faq_page { 
    margin: 0 auto; 
    width: 1024px; 
    height: 100%; 
    padding-top: 0 auto; 
    background: #9c182f url(../images/faqimage.jpg) no-repeat center; 
    background-size: 1350px 1700px; 
    margin-top: auto; 
}

來源

2013-05-01 Silentbob

http://stackoverflow.com/questions/6776580/css -3-background-size-not-working-on-ie9 – tbleckert 2013-05-01 16:53:18

試過了，圖像並不居中，只要我添加中心圖像和bg顏色消失 – Silentbob 2013-05-01 17:27:24

This example似乎在我的IE9上工作。

確保您的IE瀏覽器實際上是在IE9模式：

enter image description here

來源

2013-05-01 16:53:35 Adaz

嘗試了上述所有示例，他們不工作。圖像不顯示或只有背景顏色。 – Silentbob 2013-05-01 17:26:24

如果我有下面的代碼一切正常，但圖像不是在中心'#faq_page { \t margin：0 auto;寬度：1024px;身高：100％; padding-top：0 auto;背景：＃9c182f url（../ images/faqimage.jpg）0 0/1350px 1700px不重複固定; margin-top：auto; }' – Silentbob 2013-05-01 17:28:44

嘗試設置這在你的腦袋：

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

來源

2013-05-01 17:39:34 tbleckert

沒有似乎沒有做任何事情。我注意到它似乎削減了圖像。在chrime中，完整的圖像被打破，而即切割頂部 – Silentbob 2013-05-01 17:46:54

在IE 9中無法正確顯示背景圖像

回答

相關問題