CSS3 IE9背景大小:封面;并不总是有效

时间:2013-04-11 20:36:15

标签: css css3 internet-explorer-9

这是杀了我,我有一个背景图片,使用背景大小全屏:cover;。据我所知,IE9支持这一点。杀死我的是一些IE9浏览器正在处理这个问题,而一些IE9浏览器则没有。

以前有人经历过这个吗?

4 个答案:

答案 0 :(得分:2)

我有同样的问题,我在<head />

中使用此声明进行修复

<meta http-equiv="X-UA-Compatible" content="IE=7; IE=8; IE=9">

答案 1 :(得分:1)

  

某些IE9浏览器正在处理此问题,而某些IE9浏览器则没有。

请确保您的Browser ModeDocument ModeIE 9。使用F12开发人员工具。

答案 2 :(得分:0)

我知道它已经老了,但我今天遇到了这个问题而且它也杀了我......但我找到了解决办法:

检查你的第一行是否有标记<!DOCTYPE html>,如果你忘了它可以让你的css3在IE9上看起来很糟糕。

谢谢!

答案 3 :(得分:0)

那很有效!!!

<!DOCTYPE html>作为第一行解决了IE 9问题(在使用Chrome和IE 10之前正常工作)。您可以在我的页面上http://www.cgmdesign.net查看以下代码的结果(背景照片是我的)。

<style>
body { 
  background: url('images/golf3.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center bottom; 
}
</style>