2013-05-01 119 views
0

我正在构建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; 
} 
+1

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

+0

试过了,图像并不居中,只要我添加中心图像和bg颜色消失 – Silentbob 2013-05-01 17:27:24

回答

0

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

确保您的IE浏览器实际上是在IE9模式:

enter image description here

+0

尝试了上述所有示例,他们不工作。图像不显示或只有背景颜色。 – Silentbob 2013-05-01 17:26:24

+0

如果我有下面的代码一切正常,但图像不是在中心'#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

0

尝试设置这在你的脑袋:

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

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