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背景大小不起作用

回答

相关问题