如何创建重叠的标题/内容，如Facebook

Question

创建内容可以与CSS部分重叠的纯色标题的正确方法是什么？

Facebook具有我想要的精确外观（注意图片与蓝色标题重叠）： alt text http://www.thewizkids.net/facebookExample.png

以下是我的想法，但我不知道他们是否会出现问题：

1. 将图片/重叠内容放在标题部分和绝对位置，以便它突破div。

2. 对标题下方的内容进行编码，但相对位置将其向上推 - 因此与标题重叠。

其中任何一种都可以使用，还是有更好的选择？

Answer 1

我建议你使用Firebug来查看他们的html / css标记。

Answer 2

只需使用巧妙放置的背景图片即可。然后确保您的标签底部与背景图像底部的“顶部”齐平。

Answer 3

与Jonathan Suggested一样，使用背景图片。但我想补充一点，你应该确保你知道边距和填充之间的区别，这对Facebook的主题非常重要。