Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 背景上的多个图像_Css - Fatal编程技术网

Css 背景上的多个图像

Css 背景上的多个图像,css,Css,我正在尝试使用以下CSS代码创建具有多个背景图像的页面: body { background-image:url(../i/bg_bf.jpg), url(../../../../test.png) ; background-position: top center, bottom left; background-repeat:no-repeat; padding-top:3px; } 它在Firefox上运行良好,但在IE中既不显示图像也不显示图像 有什么建议吗?IE不支持多个背

我正在尝试使用以下CSS代码创建具有多个背景图像的页面:

body {
 background-image:url(../i/bg_bf.jpg), url(../../../../test.png) ;
 background-position:  top center, bottom left;
 background-repeat:no-repeat;
 padding-top:3px;
}
它在Firefox上运行良好,但在IE中既不显示图像也不显示图像


有什么建议吗?

IE不支持多个背景/图像,至少在IE9之前,您可以通过找到它们。

您可能需要使用包装器

<body>
  <div id="windowWrapper">
body {
 background-image:url(../i/bg_bf.jpg) no-repeat top center;
 padding-top:3px;
}

#windowWrapper {
 background-image:url(../i/test.jpg) no-repeat top center;
}