html - 用于不同屏幕尺寸的大背景的CSS而没有滚动条

Question

也许这很简单，但我现在看不到解决方案:) 我有一个 960 像素居中的内容 div，现在我需要添加一个包含 2 个部分的预告片，一个带有宽阴影(2000 像素宽)的巨大背景和一些最大 960 像素宽的前景图片。 如果我添加 2000px 背景，我的 chrome 会自动应用水平滚动条，因为我的 1280px 分辨率很低。我需要的是它忽略滚动条并让图像越界并且只能在更高分辨率下看到

<div id="cotainer!> <!--! #container 960px wide, margin: auto, overflow:visible --->

  <div id="stage"></div> <!--! has the 2000px background -->

</div> <!--! end of #container -->

我希望我能够正确描述我的问题，在此先感谢您的帮助!

Answer 1

你正在接近这个错误。如果你想要一个宽背景图像，你会想要将背景应用到包装器，并在包装​​器内添加容器:

<div id="#wrapper" style="background-image:(url...);background-repeat:no-repeat;">
     <div id="container"> STUFF </div>
</div>

只要包装器没有被任何较窄的 div 包围(它将扩展以适应页面的宽度)，这就会起作用。