Question

我有一个问题，

我有一张高度为1000像素的背景图片。我用在css的主体有固定的高度，但在某些页面我的内容高度增加超过背景图像，它看起来不太好，所以我搜索谷歌，我有办法解决这个问题，然后我在身体标签中使用高度，

<body style="height:830px">

然后我用了一块bg-below of width =“960px”我在html标签中使用

<html style="background:url(/images/bg-below.png) top center repeat-y #4290B7;">

它可以在所有浏览器中正常工作，除了Internet Explorer，请告诉我该怎么做才能解决这个问题。

由于 MAYUR

Answer 1

作为<BODY>中的第一个元素： <div style="background-image:url('yourimage.jpg');position:fixed;z-index:-1;width:100%;height:100%;margin:0"></div>

div的背景将叠加在标准背景之上。

注意：IE6需要special workaround，因为它不支持固定定位。

Answer 2

我找到了一种在IE中为一个div显示两个背景图像的方法：

为IE创建条件样式表，并在该样式表中添加新div的CSS。要创建条件样式表，只需创建一个名为iestyle.css的新样式表或任何您想要调用的样式表，将其上传到您的服务器，然后使用以下代码行在您的网页的头部引用它：

enter image description here

在我的html中，我在现有div中添加了新的div（有两个背景）。
在我的IE样式表中，我重写原始div的CSS，以便它只显示一个背景，然后我设置第二个div以显示第二个背景。我将它们设计成一种方式，使得在IE中查看时网站看起来与在其他浏览器中看起来一样，即使在IE中它将使用两个div。

这样，如果在IE中查看网站，则在原始div中显示一个背景，在新div中显示一个背景。如果在Mozilla或Chrome等中查看该网站，那么原始div只使用原始样式表中的样式 - 设置为显示两个背景图像 - 并且它基本上忽略了第二个div，因为没有样式在常规样式表中。

无论如何，如果您想了解更多信息，可以在我的一篇博客文章中看到代码的完整记录 - http://blog.thelibzter.com/using-two-background-images-for-one-div-in-ie