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-frameset特有的，有什么建议吗？

Answer 1

不确定我完全理解你的问题。但是将height应用于HTML元素肯定是禁忌。您可以使用HTML选择器将背景直接应用于整个页面

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

提示：上例中的“..”移动到上一个web目录。了解您的文件结构。

Answer 2

我认为您应该使用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>

如何在HTML元素上一致地设置背景图像

2 个答案: