CSS 背景不显示 IE 8 及更早版本
CSS background not showing IE 8 and earlier
我的问题是,我的背景在除 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;
是的,我知道还有其他类似的问题,但是 none 可以帮助我。
这可能是我刚刚忽略的超级基础知识,所以非常感谢您的回答! (:
background-size: 封面; 是一个 css3 属性 所以它会 在 IE8 或更早版本中不起作用 versions.Better 尝试使用 图像标签 实现它,如下所示:
您的headerhtml代码
<header>
<center>
<img src="images/fraluften.png" class="backgroundClass">
<img src="images/scrolldownB.png" id="scrolldownB" style="display: inline;">
</center>
</header>
CSS for backgroundClass
.backgroundClass{
display: inline;
height: 700px;
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: -1;
}
我的问题是,我的背景在除 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;
是的,我知道还有其他类似的问题,但是 none 可以帮助我。
这可能是我刚刚忽略的超级基础知识,所以非常感谢您的回答! (:
background-size: 封面; 是一个 css3 属性 所以它会 在 IE8 或更早版本中不起作用 versions.Better 尝试使用 图像标签 实现它,如下所示:
您的headerhtml代码
<header>
<center>
<img src="images/fraluften.png" class="backgroundClass">
<img src="images/scrolldownB.png" id="scrolldownB" style="display: inline;">
</center>
</header>
CSS for backgroundClass
.backgroundClass{
display: inline;
height: 700px;
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: -1;
}