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

只需向下滾動。它看起來很酷，它看起來很酷，並且它沒有JavaScript的工作。那是什麼？

2011-08-30 Pacerier

你的意思是，當你向下滾動，它會自動「擴展」一些CSS表達式的魔力？請給出一些關於你的問題的更多信息:) –

這是他們用來通過以下方式照亮圖像的半透明png：http://welbog.homeip.net/glue/images/gradient.png。事實上，您可以從平均DOM檢查員那裏獲取這些信息。 – pimvdb

@你試圖用文字來解釋它。「向下滾動，它自動'延伸'」沒有多大意義 – Pacerier

這是由具有固定的背景，它不與它滾動和很高的div做。

你可以看到這裏的CSS：

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

這將保持它連接到右上，永不重複它，讓它出現「固定」到現場。

每個div都有不同的背景可以產生這種效果。

2011-08-30 12:59:15 Kyle

是的，這就是它加載非常長的原因 – J0HN

絕對正確，那裏。 – Kyle

該CSS實際上是爲固定背景上的羽化效果。固定的圖像CSS是在div div.window – agradl

它是固定的背景，每一個元素（段）有它

2011-08-30 12:57:58

background-attachment: fixed

加上舊版本即

2011-08-30 13:01:46 binarycode

回答