Question

我创建了一个网页，使用两个图像作为背景 - 一个用于顶部，一个用于底部。 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。在底部，你应该能看到一些狗。

Answer 1

尝试

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

Answer 2

您需要将背景图片设置为<body>标记，而不是<html>

body {
  font:100%;
  background:url(../images/test8-300.jpg) repeat-x, url(../images/Html-background-Bottom2.png) no-repeat bottom;
  background-color:#d7d7d7;
}

IE没有显示我的底部背景图像

2 个答案: