过去一小时我一直在努力解决这个问题，我想知道你们是否有任何想法......
客户需要在网站上提供漂亮的大背景图片。我不能将此图像用作身体或任何div的背景，因为我不希望它被水平裁剪。如果浏览器的宽度较小，则背景应缩小。
所以我只使用带有绝对定位和z-index的img标签。
然而（这就是它变得棘手的地方），图像非常高，我不希望在有用的内容之后使用滚动条。
溢出=隐藏在身体上是没用的，因为如果内容太多，但是比图片小，我确实需要滚动条。
overflow =隐藏在具有高度，最小高度和最大高度设置的div上，并且包含图像似乎不起作用。我不明白为什么。
min-height，max-height和height也不适用于body标签。
有用的想法吗？我认为这可以通过javascript实现，但我不希望每次调整窗口大小时都运行脚本。我更喜欢html / css解决方案
PS：我现在已经打开了所有浏览器（opera，safari，ie8，firefox，chrome），这不仅仅是一个浏览器问题。
答案 0 :(得分：0)
我现在无法构建测试用例，但绝对固定div position: fixed; width: 100%; height: 100%; overflow: hidden，图像里面有width: 100% 可能做的伎俩。它会将图像缩放到窗口的宽度，但不会创建水平滚动条。
页面的其余部分可能需要在z-index上方显示div。
请注意，body必须min-height: 100%才能生效。
position: fixed无法在IE中使用＆lt; 7.