css - 背景图像在 IE8 上无法正确显示

Question

我想在身体上显示背景图像。我有一个 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;

 }

Answer 1

您可以将以下 CSS 用于 body 标签。

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。

Answer 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%;
}

​在这里拨弄