HTML背景，CSS和JavaScript

Question

我茫然不知我已經搜索了很多關於與形狀和CSS，但沒有使用的創建背景的http://startupgiraffe.com/

背景。有人可以引導我創建像http://startupgiraffe.com/這樣的背景。

感謝

Answer 1

正如你可以在源代碼中看到的op startupgiraffe;有多個「背景」部分：

<section id="background-wrapper" class="full-wrapper"> 

    <section id="first-background"> 
    <div id="scroll-trigger"></div> 
    </section> 

    <section id="second-background"> 
    </section> 

    <section id="third-background"> 
    </section> 

    ---- 

</section> 

他們使用JavaScript編程，從而導致級聯背景的背景部分之間動態地切換的很多。

如果您想複製此行爲或瞭解有關它的更多詳細信息，我建議您開始查看html，css和javascript的源代碼。您也可以使用瀏覽器分析工具（firebug，chrome的控制檯）來了解更多網站行爲。

Answer 2

第一步是火了Chrome的開發工具（或任何你喜歡的 - Chrome是好的），請到網絡，並在底部單擊圖片：

這讓你看看發生了什麼。

總之，絕對定位在CSS +很多圖像。