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

如何在HTML元素上一致地设置背景图像,html,css,internet-explorer,background-image,Html,Css,Internet Explorer,Background Image,我说的是元素本身,它似乎在大多数浏览器中都能工作,但IE7/8不想玩。我之所以这样做,是因为我的工作是为RoboHelp web输出设定主题,该输出使用一百万帧-我需要设置最顶层帧集的背景图像,否则当嵌套帧调用垂直滚动条时,背景位置不会对齐 我试着申请身高:100%。解决方案必须在IE6+中工作。应避免使用Javascript 编辑: 澄清:我正在通过标题中的样式块将style=“background:transparent url(image.gif)left top no repeat;”“

我说的是
元素本身,它似乎在大多数浏览器中都能工作,但IE7/8不想玩。我之所以这样做,是因为我的工作是为RoboHelp web输出设定主题,该输出使用一百万帧-我需要设置最顶层帧集的背景图像,否则当嵌套帧调用垂直滚动条时,背景位置不会对齐

我试着申请
身高:100%
元素上执行code>。解决方案必须在IE6+中工作。应避免使用Javascript

编辑:

澄清:我正在通过标题中的样式块将
style=“background:transparent url(image.gif)left top no repeat;”“
应用于
html
元素(一切都是动态的,这是我访问html元素的唯一可用方法)


天哪,只是在一个基本页面上测试了这个-很好。用框架集替换body标记,就像我的情况一样,现在图像不会显示。这看起来是IE框架集特有的,有什么建议吗?

我认为您应该使用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> .imageBox{ 宽度:300; 身高:100; 背景:url(“/foobar.gif”)#ff9900 90%30%no repeat fixed } 此div元素具有背景图像


我认为你应该使用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> .imageBox{ 宽度:300; 身高:100; 背景:url(“/foobar.gif”)#ff9900 90%30%no repeat fixed } 此div元素具有背景图像


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

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

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

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

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

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

如果图像出现在其他浏览器中,则文件路径是正确的。HTML标记没有拾取IE7/8中的背景样式。我对后台快捷方式的使用是否在IE中被窃听了?你能链接到一个例子吗?我建议使用CSS。它应该可以解决您的问题。图像显示在其他浏览器中,文件路径正确。HTML标记没有拾取IE7/8中的背景样式。我对后台快捷方式的使用是否在IE中被窃听了?你能链接到一个例子吗?我建议使用CSS。它应该可以解决您的问题。不幸的是,我没有访问html元素本身的权限,我只能添加q edit中提到的样式块。不幸的是,我没有访问html元素本身的权限,我只能添加q edit中提到的样式块。还记得设置“background color:#fff;”,这至少曾经是IE6中的一个bug。没有合适的答案,而且我的截止日期已经过去了,我做了一个完全糟糕的工作,因为我正在制作主题的系统也是这样。我将把这归因于IE的糟糕。如果你已经回答了你的问题,提供一个详细的答案并接受它。我将你以前的答案合并到一条评论中,因为这可能会阻止有好答案的人分享。记住设置“背景色:#fff;”同样,这至少在IE6中曾经是一个bug。没有像样的答案,我的截止日期已经过了,我做了一个完全糟糕的工作,因为我正在制作主题的系统也是这样。我将把这归因于IE的糟糕。如果你已经回答了你的问题,提供一个详细的答案并接受它。我把你以前的答案合并成了一条评论,因为它可能会阻止有好答案的人分享它。