【问题标题】:Double background images not working in IE双背景图像在 IE 中不起作用
【发布时间】:2013-03-25 00:47:42
【问题描述】:

这是我的 CSS 代码,请查看。

body, html {
margin: 0;
padding: 0;
background-image: url(../images/header-back.jpg), url(../images/bg.jpg);
background-repeat: repeat-x, repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

它在 IE8 或更低版本中不起作用。帮忙?

——来自下面的答案。 我尝试使用 CSS PIE

body, html {
margin: 0;
padding: 0;
-pie-background: url(../images/header-back.jpg) repeat-x, url(../images/bg.jpg)      repeat;
behavior: url(piefolder/PIE.htc);
font-family: Verdana, Arial, Helvetica, sans-serif;

}

但还是没有运气,

我也尝试过使用

body, html {
margin: 0;
padding: 0;
background: url(../images/header-back.jpg) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

body:before {
content:"";
background:url(../images/bg.jpg) repeat;    
}

也不行,是我做错了吗?

【问题讨论】:

  • ie8 不支持
  • 有什么替代方法吗?
  • 在这种情况下,一个简单的解决办法是给html一个背景,给body另一个。
  • 天才!但以防万一我会再次遇到这种情况(不是在正文中,html 中)而是在 div 中,我想使用 CSS PIE 的东西。

标签: css internet-explorer cross-browser


【解决方案1】:

Internet Explorer 8 不支持 CSS 3 多背景。

检查此链接:-

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-03
    • 2012-01-27
    • 2017-03-13
    • 1970-01-01
    • 1970-01-01
    • 2013-06-20
    相关资源
    最近更新 更多