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

您可以对 body 标记使用以下 CSS。

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

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

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

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