Question

我想在身体上显示背景图像。我有一个css文件，我用它控制身体属性。我想设置背景大小：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中应用。

注意：我没有时间对所有浏览器进行质量检查，但我确实检查了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%;
}

小提琴here

背景图像在IE8上无法正常显示

2 个答案: