背景图像在 IE8 上无法正确显示答案

【问题标题】：Background-Image does not show properly on IE8背景图像在 IE8 上无法正确显示
【发布时间】：2012-11-01 21:29:37
【问题描述】：

我想在身体上显示背景图像。我有一个 css 文件，我用它控制身体属性。我想设置 background-size:100% 但它在 IE7 或 IE8 上不起作用。它适用于 Chrome、Firefox 和 IE9。如何为 IE7 和 IE8 更改它？

我的 CSS 文件：

body
     {

         background-image:url('http://www.blablabla.com/images/arka3.png');
         background-size: 100%;
         background-repeat: no-repeat;
         background-attachment: fixed;
         background-position: left;

 }

【问题讨论】：

标签： css internet-explorer cross-browser background-image

【解决方案1】：

body 标签可以使用以下 CSS。

body
     {
        background: url('http://www.blahblahblah.com/images/arka3.png') #EBEBEB repeat-x 0 0;
 }

您还可以将背景图片剪切为 1 或 2 像素宽以节省加载时间。

您也可以在条件 CSS 语句中添加新的 CSS，使其仅适用于 IE7 和 8。

注意：我没有时间对所有浏览器进行 QA，但我确实检查了 IE 8 和 FF。

【讨论】：

它就像一个魅力。谢谢关注 :) 你能改一下图片网址吗？

【解决方案2】：

试试

HTML

<div id="container">
    <img id="bgImg" src="img.png"/>
</div>

CSS

#bgImg {
    position: relative;
    width: 100%;
    height: auto;
}

#container {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
}

html,body {
    width: 100%;
    height: 100%;
}

小提琴here

【讨论】：