我的问题是,除了IE8及以下版本之外,几乎所有浏览器的背景加载都非常好。 该页面可在此处查看:http://www.glnyrupvej.co.nf/ 以下是IE8中页面的屏幕截图:Page in IE8
这是我的CSS:
height: 700px;
padding-top: 50px;
background: url(images/fraluften.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
是的,我确实意识到还有其他类似的问题,但没有一个能帮到我。
这可能是我忽略的超级基础,所以答案非常感谢! (:
答案 0 :(得分:0)
background-size:cover; 是 css3 属性,因此在IE8或更早版本中无法正常工作。请尝试实现它使用图片代码,如下所示:
您的标题html代码
<header>
<center>
<img src="images/fraluften.png" class="backgroundClass">
<img src="images/scrolldownB.png" id="scrolldownB" style="display: inline;">
</center>
</header>
用于backgroundClass的CSS
.backgroundClass{
display: inline;
height: 700px;
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: -1;
}