更改 IE7 HTML 标签宽度答案

【问题标题】：Change IE7 HTML Tag width更改 IE7 HTML 标签宽度
【发布时间】：2012-06-27 11:23:04
【问题描述】：

我似乎无法在 IE7 中更改宽度

您可以看到所有其他浏览器（包括 IE8+）都会将背景图片放在 200px 内，而 IE7 会简单地忽略 html 宽度规则。

有什么办法吗？

编辑：显然所有浏览器在 jsfiddle iframe 内的 html 标记上返回大致相同的宽度，问题是 IE7 中的背景位置是相对于 html 而不是 body。

谢谢

【问题讨论】：

【解决方案1】：

那是 IE7。尝试将其设置为 DIV 背景 - http://jsfiddle.net/Mkb9n/2/

【讨论】：

【解决方案2】：

您可以指定固定偏移量，假设您使用的是固定宽度：

background: url("http://mediacdn.disqus.com/uploads/users/967/956/avatar92.jpg?1340672375") 
no-repeat 50px bottom;

【讨论】：

【解决方案3】：

我的朋友找到了解决方案：

诀窍是在 html 标签中添加背景颜色（任何颜色都可以），然后将背景图片添加到正文标签中（最好使用适合背景图片的背景颜色）

【讨论】：