2013-06-12 193 views
-4

這裏是鏈接:http://codepen.io/uniZero/pen/fvkjJ這種技術的名稱是什麼?

我想谷歌「固定圖像的背景」或類似的東西,但結果是不一樣的美麗網頁與被當用戶滾動該網站改變多背景。

如果有人能指引我進入正確的方向,那麼我可以探索更多並學習如何製作類似的東西,我將不勝感激。

這種類型的網站有哪些贊成和反對?

謝謝大家:)

+1

這是一個CSS3選擇器。我不認爲這被稱爲任何東西。背景大小設置爲覆蓋;依附於固定;並定位到中心中心。這三件事與CSS3結合起來,可以帶來這種效果。 –

+1

這是一種在'單頁網站'上使用了很多的風格 – user2466466

+0

好的,這有點幫助。感謝人們! –

回答

1

其實,背景並不是「固定的」。固定的是<header>

這種技術被稱爲... ta-da!固定標題。或者,當你使用Twitter Bootstrap時,他們稱之爲「固定導航欄」 - 它是使用它的網站中非常常見的組件。

這些的關鍵就是設置一個position: fixed(你可能已經注意到了)和一個可能的z-index值,所以它總是在最上面。

+0

嗨!是的,頭部是固定的我明白那部分,但我想知道如何使一個單頁網站與多個photobackgrounds,當用戶向下滾動頁面正在改變?我認爲這是非常有效的用戶體驗。對於一個基本的問題抱歉,我對web開發仍然陌生。謝謝你的耐心! –