如何创建类似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的重叠标题/内容

回答

相关问题