2011-01-19 123 views
1

我在說的是<html>元素本身,似乎在大多數瀏覽器中都能正常工作,但IE7/8並不想玩。我甚至這樣做的原因是因爲我的瑣事是主題RoboHelp Web輸出使用一百萬幀 - 我需要設置最上面的框架集的背景圖像,否則當嵌套框架調用垂直時,背景位置不排隊滾動條。如何一致地設置HTML元素的背景圖像

我也嘗試在<html>元素上應用height:100%;。解決方案必須在IE6 +中工作。應該避免使用Javascript。

編輯:

澄清:我的頭通過一個樣式塊應用style="background: transparent url(image.gif) left top no-repeat;"html元素(一切都是動態的,這是我唯一的訪問HTML元素的可用的方法)。

好天啊,剛剛在基本頁面上測試過 - 很好。用框架替換身體標記,就像我的情況一樣,現在圖像不顯示。這看起來是特定於IE框架集,有什麼建議?

+0

記得設置「background-color:#fff;」至少,這在過去是IE6中的一個錯誤。 – 2011-01-20 22:44:07

+0

沒有像樣的答案,我的最後期限已經過去,我完成了一個完整的工作,因爲我主持的系統也是這樣。我會把它放到IE吸吮。 – danjah 2011-01-24 21:06:55

+0

如果您已回答您的問題,請提供詳細的答案並接受它。我將你之前的回答合併爲一條評論,因爲它可能會阻止有一個很好的答案分享的人。 – 2011-04-27 07:26:53

回答

0

我認爲你應該使用CSS而不是HTML背景圖片標記。 HTML中的背景圖像現在已被W3C棄用(過時和不推薦)。

事情是這樣的:

 
<html class="imageBox"> 
<style type="text/css"> 
.imageBox { 
    width:300; 
    height:100; 
    background: url("/foobar.gif") #ff9900 90% 30% no-repeat fixed 
} 
</style> 
<p>This div element has a background-image.</p> 
</html> 
1

不知道我完全理解你的問題。但將height應用於HTML元素是一個明確的禁忌。您可以使用HTML選擇器直接應用背景到整個頁面

html { 
     background-image: url("../images/background_image.png"); 
    } 

提示:上例中的'..'移動到上一個Web目錄。認識你的文件結構。