[英]CSS3 IE9 background-size: cover; doesn't always work
这是杀了我,我有一个背景图片,使用背景大小全屏:cover;。 据我所知,IE9支持这一点。 什么杀死我是一些IE9浏览器正在处理这个和一些IE9浏览器不是。
以前有人经历过吗?
我有同样的问题,我在<head />
使用此声明修复它:
<meta http-equiv="X-UA-Compatible" content="IE=7; IE=8; IE=9">
。
一些IE9浏览器正在处理这个,而一些IE9浏览器则没有。
请确保您的Browser Mode
和Document Mode
是IE 9
。 使用F12开发人员工具。
我知道它的旧,但我今天遇到了这个问题,它也杀了我..但我找到了一个解决方案:
检查你的第一行是否有<!DOCTYPE html>
标签,如果你忘了它可以让你的css3在IE9上看起来很糟糕。
谢谢!
那工作!!!
将<!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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.