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

我在说的是<html>元素本身，似乎在大多数浏览器中都能正常工作，但IE7/8并不想玩。我甚至这样做的原因是因为我的琐事是主题RoboHelp Web输出使用一百万帧 - 我需要设置最上面的框架集的背景图像，否则当嵌套框架调用垂直时，背景位置不排队滚动条。如何一致地设置HTML元素的背景图像

我也尝试在<html>元素上应用height:100%;。解决方案必须在IE6 +中工作。应该避免使用Javascript。

编辑：

澄清：我的头通过一个样式块应用style="background: transparent url(image.gif) left top no-repeat;"到html元素（一切都是动态的，这是我唯一的访问HTML元素的可用的方法）。

好天啊，刚刚在基本页面上测试过 - 很好。用框架替换身体标记，就像我的情况一样，现在图像不显示。这看起来是特定于IE框架集，有什么建议？

来源

2011-01-19 danjah

记得设置“background-color：#fff;”至少，这在过去是IE6中的一个错误。 – 2011-01-20 22:44:07

没有像样的答案，我的最后期限已经过去，我完成了一个完整的工作，因为我主持的系统也是这样。我会把它放到IE吸吮。 – danjah 2011-01-24 21:06:55

如果您已回答您的问题，请提供详细的答案并接受它。我将你之前的回答合并为一条评论，因为它可能会阻止有一个很好的答案分享的人。 – 2011-04-27 07:26:53

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

来源

2011-01-19 22:34:55

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

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

提示：上例中的'..'移动到上一个Web目录。认识你的文件结构。

来源

2011-01-19 22:45:33 djreed

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

回答

相关问题