这是如何工作的：http://welbog.homeip.net/ [关闭]答案

【问题标题】：How does this work: http://welbog.homeip.net/ [closed]这是如何工作的：http://welbog.homeip.net/ [关闭]
【发布时间】：2011-08-30 12:55:10
【问题描述】：

这是如何工作的？：http://welbog.homeip.net/

只需向下滚动。它看起来很酷，看起来很酷，而且它可以在没有 javascript 的情况下工作。那是什么？

【问题讨论】：

你的意思是当你向下滚动时它会自动“扩展”？请提供有关您的问题的更多信息:)
这是他们用来照亮图像的半透明 png：welbog.homeip.net/glue/images/gradient.png。事实上，您可以从普通的 DOM 检查员那里获取此类信息。
@Karel 你试着用文字来解释它。 “向下滚动，它会自动'扩展'”没有多大意义
我只是想知道这是否是您的意思，或者我是否遗漏了其他内容。不必对只是想帮忙>.>
@Karel 我很好奇我的上述评论有什么冒犯性，除非你一开始就感到防御。为什么我会对以笑脸结尾的评论感到冒犯？我的第一句话的意思是你试着用文字来解释。第二句话意味着我无法理解您的第一条评论。

【解决方案1】：

这是由具有固定背景且不随其滚动且非常高的 div 制成的。

你可以在 CSS 中看到这里：

background-attachment: fixed;
background-repeat: no-repeat;
background-position: right top;

这会使它保持在右上角，永远不要重复它，让它在网站上看起来“固定”。

每个 div 都有不同的背景来产生这种效果。

【讨论】：

【解决方案2】：

它是固定的背景，每个元素（段落）都有它

【讨论】：

【解决方案3】：

background-attachment: fixed

为旧版本的 ie 加上一些 css 表达式魔法

【讨论】：