如何在HTML元素上一致地設置背景圖像

Question

我說的是<html>元素本身，似乎可以在大多數瀏覽器中使用，但是IE7 / 8不想播放。 我什至這樣做的原因是因為我的工作是將使用一百萬個框架的RoboHelp Web輸出作為主題-我需要設置最頂部的框架集的背景圖像，否則當嵌套框架調用垂直框架時背景位置不會對齊滾動條。

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

編輯：

說明：我正在應用style="background: transparent url(image.gif) left top no-repeat;" 到html通過在標頭樣式塊元件（一切是動態的，這是我的唯一訪問html元素的可用的方法）。

天哪，只需在基本頁面上進行測試-很好。 像在我的情況下那樣，將body標簽替換為框架集，現在圖像不再顯示。 這看起來是特定於IE框架集的，有什么建議嗎？

Answer 1

不確定我是否完全理解您的問題。 但是，將height應用於HTML元素是絕對不可以的。 您可以使用HTML選擇器將背景直接應用於整個頁面

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

提示：上例中的“ ..”將移至上一個Web目錄。 了解您的文件結構。

Answer 2

我認為您應該使用CSS而不是HTML背景圖片標簽。 現在，W3C已棄用HTML中的背景圖片（過時，不建議使用）。

像這樣：

<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>

如何在HTML元素上一致地設置背景圖像

問題描述

2 個解決方案

解決方案1
1 2011-01-19 22:45:33

解決方案2
0

如何在HTML元素上一致地設置背景圖像

問題描述

2 個解決方案

解決方案1 1 2011-01-19 22:45:33

解決方案2 0

解決方案1
1 2011-01-19 22:45:33

解決方案2
0