導航菜單選項卡純CSS

我正在尋找一個良好的CSS技術來使用，看起來完全一樣的導航選項卡：導航菜單選項卡純CSS

enter image description here

我有，有一個背景，我想一個標誌一個div標籤重疊完全像在圖片中。

我不想使用drupal的整個html和css結構，因爲我需要它是輕量級的。有誰知道這是怎麼做到的嗎？

2012-03-07 qwertymk

請顯示你的代碼到目前爲止你做了什麼以及你在哪裏卡住 – sandeep 2012-03-07 04:13:24

@sandeep：我不知道如何讓標籤正確地在徽標div中像圖片 – qwertymk 2012-03-07 04:14:11

我會告訴你這個網站：http://pea.rs/一些很好的CSS設計模式。

有一個相當不錯的現代瀏覽器的版本，你在找什麼，SANS在你的背景和標識填充。

當然，IE8及以下版本不支持border-radius，因此您必須對此保持正常或使用許多圓角技術之一。

希望有幫助！

2012-03-07 04:12:27 jmbertucci

最主要的是我需要它重疊徽標div – qwertymk 2012-03-07 04:13:31

我不確定你的意思是重疊。菜單只是在一個標題div內，也包含一個標誌塊。像這樣的東西。 http://jsfiddle.net/8p2Wx/2/ – jmbertucci 2012-03-07 04:23:33

完美，順便說一句'.cf：before，.cf：after {content：「」;顯示：表; }' 和 '.cf：after {clear：both; }' 做什麼？ – qwertymk 2012-03-07 10:14:41

回答