背景图像被切断超出视口

Question

不守规矩网站的网址:http://chrism.se

在我们实现之后,我们发现如果视口对于内容来说太小,以至于需要滚动,那么背景图像(body-tag,repeat-x)将不会超出初始视图,但我不能为我的生活弄清楚为什么以及如何解决它.需要记住的一点是,我没有自己对网站进行编码,因为我不是那种精通Javascript的设计师,并且设计师想要一些swooshy效果.我的高级同事当然可以找到一个补救措施,但不幸的是他离开了,我想把它包起来.

html和css的状态与我发现问题时的状态相同,但我已经尝试过在类似问题上看到的建议,主要围绕最小宽度.我真的不明白背景之间的区别只有视口宽吗？和我的问题？

全视图= i.imgur.com/6aDpN.jpg

问题= i.imgur.com/X6JVp.jpg

Answer 1

我能找到的最接近工作解决方案的方法是#bodyCurrent, #bodyNext：

• 消除right: 0。
• 添加min-width: 1349px。

再看一遍，也许这就足够了。

仅在 Firefox 中使用 Firebug 进行测试。