我想创建一个受http://cirkateater.no/en/启发的网站
图像应保持在屏幕上的相同位置（位置：固定），但在下一个div内，第二个图像应可见。
我的第一个解决方案是使用有效的背景图像。
使用background-images，它看起来像这样的JSFIDDLE：
http://jsfiddle.net/Ryanous/r7mLm4wg/4/ （我没有这些图片）
请考虑以下代码：
<div class="background" style='background-image:url("http://mintywhite.com/wp-content/uploads/2012/10/fond-ecran-wallpaper-image-arriere-plan-hd-29-HD.jpg");'></div><div class="background" style='background-image:url("http://vpnhotlist.com/wp-content/uploads/2014/03/image.jpg");'></div>
但我也想稍后通过JS移动图像！
你不能轻易地操纵backgroundimages顶部偏移，所以我决定使用img-tag代替。
现在，使用img-tag，图像似乎独立于它们的div，并且相互重叠，以便始终只有一个图像可见。
（ id喜欢包含我当前的代码，但stackoverflow不会让我这样做。四个空格不做任何事情，我不能格式化我的代码。）
所以我的问题是：
如何使图像仅在某个div中可见，但保持其位置固定？
答案 0 :(得分：1)
将样式overflow:hidden;放在div上会隐藏div之外的所有内容。