CSS 背景不显示 IE 8 及更早版本答案

【问题标题】：CSS background not showing IE 8 and earlierCSS 背景不显示 IE 8 及更早版本
【发布时间】：2015-01-14 20:01:08
【问题描述】：

我的问题是，我的背景在几乎所有浏览器中都可以正常加载，除了 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;

是的，我确实意识到还有其他类似的问题，但没有一个可以帮助我。

这可能是我刚刚忽略的超级基本内容，因此感谢您的回答！（：

【问题讨论】：

css-tricks.com/perfect-full-page-background-image
如果不是客户的严格要求，不要试图让你的网站兼容IE拿破仑版（IE8-）。 IE8 在 2014 年春天与 Windows XP 一起死掉了（谢天谢地！）。大多数开发人员/公司不再支持它，用户永远不应该使用 9 之前的版本，因为 MS 根本没有发布任何更新（安全或其他）。
@abhijith，无用的评论...您的教程字面意思是“适用于：IE9+”
@JasonvanderZeeuw 你介意再读一遍吗？它说 background-size:cover; 支持 Safari 3+ Chrome 不管+ IE 9+ Opera 10+（Opera 9.5 支持 background-size 但不支持关键字） Firefox 3.6+（Firefox 4 支持非供应商前缀版本）但是还有一些其他的调整可能起作用
@JasonvanderZeeuw 我工作的客户使用的是 IE8，所以我想启用 IE8 支持比教她如何更新浏览器更容易。不过感谢您的评论。

标签： html css internet-explorer background internet-explorer-8

【解决方案1】：

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>

背景类的 CSS

.backgroundClass{
    display: inline;
    height: 700px;
      position: fixed;
      top: 0;
    width: 100%;
    left: 0;
    z-index: -1;
    }

【讨论】：

我想这已经是最好的了。这绝对不是与 background-size:cover; 相同的效果，但至少我的图像现在出现了。谢谢朋友。