Css IE不';不显示我的底部背景图像

Css IE不';不显示我的底部背景图像,css,html,Css,Html,我创建了一个网页,使用两个图像作为背景-一个用于顶部,一个用于底部。Chrome、Safari和Firefox显示页面时没有问题,但在IE中,底部的背景不会显示。以下是我正在使用的代码: html { font:100%; background:url(../images/test8-300.jpg) repeat-x, url(../images/Html-background-Bottom2.png) no-repeat bottom; background-color:#d7d

我创建了一个网页,使用两个图像作为背景-一个用于顶部,一个用于底部。Chrome、Safari和Firefox显示页面时没有问题,但在IE中,底部的背景不会显示。以下是我正在使用的代码:

html {
  font:100%;
  background:url(../images/test8-300.jpg) repeat-x, url(../images/Html-background-Bottom2.png) no-repeat bottom;
  background-color:#d7d7d7;
}
如果你需要看一下才能更好地理解,这是地址:doggiestime.co.uk。在底部,你应该可以看到一些狗

试试看

background:#fff repeat-x no-repeat bottom;
background-image:url(../images/test8-300.jpg), url(../images/Html-background-Bottom2.png);

您需要将背景图像设置为
标记,而不是


我在IE9上测试,甚至在运行win8的笔记本电脑上也测试,win8有IE10的预览版,但它不起作用。低于9的IE版本不支持多个背景图像。试着为你的身体设置背景,就像下面Keeg建议的那样。我试过你的代码,但没有解决问题。有了它,我的顶部图像垂直重复,底部背景图像仍然没有显示。无论如何,谢谢你抽出时间!您使用的是哪种IE版本,它是多背景样式,其中只有IE10支持我使用的是IE-9和IE-10。
body {
  font:100%;
  background:url(../images/test8-300.jpg) repeat-x, url(../images/Html-background-Bottom2.png) no-repeat bottom;
  background-color:#d7d7d7;
}