如何創建類似Facebook的重疊標題/內容

創建內容可以與CSS部分重疊的純色標題的正確方法是什麼？如何創建類似Facebook的重疊標題/內容

Facebook有，我要爲（注意畫面重疊的藍色標題）的具體外觀： alt text http://www.thewizkids.net/facebookExample.png

這裏有我的想法，但我不知道他們是否帶來問題：

把圖片/重疊的內容放在標題部分和絕對位置，以便它突破div。
對標題下的內容進行編碼，但相對位置將其向上推 - 因此與標題重疊。

這些工作是否會奏效，還是有更好的選擇？

來源

2009-07-27 johnnietheblack

我建議你用Firebug看看他們的html/css標記。

來源

2009-07-27 22:18:53 Keltex

只需使用巧妙放置的背景圖像。然後確保你的標籤底部坐在你的背景圖像底部的「頂部」。

來源

2009-07-27 22:09:05 Sampson

所以 - 爲了確保我明白了 - 你認爲他們藍色條的底部只是一個平鋪的藍色銀條圖像？如果是這樣，如果我不想要一個堅實的背景......我認爲只需要製作一個超大背景圖像來覆蓋所有瀏覽器？（即 - 如果我想要一個花卉效果或什麼的）。非常感謝:) – johnnietheblack 2009-07-27 22:17:04

贊Jonathan建議使用背景圖片。但是我想補充一點，你應該確保你知道邊距和填充的區別，這對Facebook的主題非常重要。

來源

2009-07-27 22:11:55

我確實知道區別......但我不確定你在獲得什麼，只要它適用於這種情況？請原諒我的新手...... – johnnietheblack 2009-07-27 22:14:10

如何創建類似Facebook的重疊標題/內容

回答

相關問題