css - SVG 作为超大网站背景

Question

我想建立一个固定宽度的网站，宽度为 960 像素并向左对齐。但是，我想使用宽度大于 960 像素的背景，如果用户的屏幕宽度大于 960 像素，它会填充右侧的空间。

使用背景图片很容易:

body {background:url(myreallywidebgimage.png) 0 0 no-repeat}
#wrapper {width:960px;}

但是我可以在背景为 SVG 且不出现水平滚动条的情况下执行此操作吗？

Answer 1

我唯一能想到的关闭水平滚动条的方法是执行如下操作:

#wrapper {width:960px; overflow-x:hidden}

编辑:经过进一步思考，我决定最好看看 Google 是否提供了其他可能的建议，我遇到了这个:http://helephant.com/2009/08/svg-images-as-css-backgrounds/ .上述解决方案仅在您将背景分配给该 div 元素时才有效。但是，您可以尝试将 overflow-x:hidden 分配给 body 本身，看看是否也能解决问题。希望这些建议对您有所帮助。