css - 双背景图像在 IE 中不起作用

标签 css internet-explorer cross-browser

这是我的 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;    
}

也不起作用,我做错了什么吗?

最佳答案

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

检查此链接:-

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

关于css - 双背景图像在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15785893/

相关文章:

css - 即使指定了行高,垂直对齐 css 也不起作用

css - 带有 XML 文件加载的 ASP 菜单控件太慢

css - 如何在 less 的 css3 calc 函数中使用变量?

internet-explorer - Haml中的“[ !IE]”条件注释

c++ - 浏览器扩展与系统托盘应用

javascript - 如何使用/强制使用默认字体

javascript - 当我在 firefox/IE 中测试网站页脚时,网站页脚不正常,但在 Chrome 中工作正常

html - 我网站上的 header 在 IE7/IE8 中出现问题

javascript - (variable or {}) 会在 Javascript 中跨浏览器工作吗?

javascript - 访问 <iframe> 元素的窗口和文档的最简洁的跨浏览器方式是什么?