我正在浏览这个 BBC 旅游页面 50 Reasons to #LoveTheWorld并意识到在更大的图片上，页面会重叠，当我们滚动时，会出现这种很酷的效果(在我访问的其他网站上没有见过)。我想了解更多关于它的信息，但我什至不知道要搜索什么。
当我们滚动的时候，在大图上，页面还在滚动，而且图片是暴露的，有点不好解释。谁能告诉我那种效果叫什么，如果有的话可能是教程，或者只是名称就足够了。
最佳答案
您链接的页面仅使用background-attachment: fixed;。
它实际上使用绝对定位的 img 元素，这些元素在 滚动 时被翻译 以“保持固定”，但视觉效果非常好与当背景被固定(并且它的大小设置为cover)时非常相似。这种方法对于检查这项技术的基础知识要简单得多。
虽然非常简单，但当用于大型(背景)图像或显示多行图像时，它可以提供有趣的效果。
这是一个简单的 fiddle .这是基本概念。
关于html - 一些我想详细了解但无法描述的HTML/CSS效果，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28953251/