我怎麼能在一個頁面中使用兩個背景圖像

我有一個1000像素高度的背景圖像。我使用的身體的CSS具有固定的高度，但在一些頁面上我的內容高度增加超過背景圖像它看起來不好，所以我搜索谷歌，我有辦法解決這個問題，然後我用身高標籤，

<body style="height:830px">

，然後我用BG-下面WIDTH =「960像素」的一片，我在HTML標籤中使用

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

它工作正常除了IE的所有瀏覽器普萊舍告訴我怎麼辦我該如何解決這個問題。

感謝 MAYUR

2010-05-06 Mayur

這應該去而不是DOCTYPE。 – petersohn 2010-05-06 14:29:14

你可以添加一些代碼嗎？一般來說，經常看到的做法顯示一個背景應用於整體背景圖像的身體，另一個背景應用於包裝div。 – stefanglase 2010-05-06 14:30:07

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

div的背景將在標準的背景之上覆蓋。

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

2010-05-06 14:31:59 spoulson

嗨，我試過了，但它在ie中不工作 – Mayur 2010-05-06 15:08:38

哪個版本的IE？你得到了什麼？需要更多細節。 – spoulson 2010-05-06 17:49:21

我已經找到一種方法通過在IE中顯示一個DIV兩個背景圖片：

創建IE瀏覽器，並在樣式條件樣式，添加CSS一個新的div。要創建一個條件樣式表，只需創建一個名爲iestyle.css的新樣式表，或者您希望它調用的任何樣式表，將其上傳到您的服務器，然後使用以下代碼行將其引用到網頁的頭部：

enter image description here

在我的HTML，我添加現有DIV中的新的div（即具有兩個背景）。

在我的IE樣式表中，我重寫了原始div的CSS，以便它只顯示一個背景，並且樣式第二個div顯示第二個背景。我的風格是這樣的，即使在IE中使用兩個div，網站在IE中查看時也會與其他瀏覽器中的相同。

這樣，如果網站在IE中查看，一個背景顯示在原始div中，一個背景顯示在新div中。如果該網站正在Mozilla或Chrome等中查看，那麼原始div只是使用原始樣式表中的樣式 - 它被設置爲顯示兩個背景圖像 - 並且基本上忽略了第二個div，因爲沒有樣式它在常規樣式表中。

不管怎麼說，你可以看到代碼，在我的博客文章的一個執行全寫了，如果你想了解更多信息 - http://blog.thelibzter.com/using-two-background-images-for-one-div-in-ie

2011-03-16 21:34:04 TheLibzter

回答