【发布时间】：2011-06-11 18:53:21
【问题描述】：
烦人的问题！
当我放大我的视口窗口（在 Firefox、chrome 中发生）然后水平向右滚动时，我的背景图像被剪裁
图片最能描述正在发生的事情：
放大
- 图片只有视口那么宽
缩小 - 不会出现问题
以下是我的 css 中可能相关的一些部分：
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body{ width: 100%; }
header#header { width: 100%; }
header#header #background-image {
height: 150px;
background: url(/images/header/silhouette.png) repeat-x;
}
无论是否应用 cssgradient 都会发生这种情况 - 真的很难过
【问题讨论】：
-
您是否也尝试设置为#background-image 100% 宽度？
-
我从未见过
header或figcaption之类的东西是HTML 中的元素，例如body或div... 是否可以正常工作？它不是类或 id 参考，也许我错过了一些东西。我只是从未见过在 CSS 样式中这样做 -
找到了解决方案，现在你需要去测试一下。 :) 阅读我的答案。 :)
-
@Jakub ：他正在尝试使用 HTML5 谷歌这个“html5 w3schools”，你得到w3schools.com/html5/html5_reference.asp
-
@steweb - 你几乎成功了，我只需要在 body 上设置一个最小宽度 - 感谢大家的建议，尤其是 @JamesM-SiteGen 先生，他给了我一些不错的建议，但不幸的是在我感谢他之前删除了它们