导航菜单选项卡纯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

回答