内容消失在标题高度后面?

时间:2012-05-13 18:24:49

标签: html css html5 css3 css-position

你好再次:)!

任何人都可以意外地帮助我解决这个问题。 之前我看过很少的网站,但从来没有给这些网站添加任何书签。

如果我有身体背景,固定标题和内部背景,内容是...... 如果我想向下滚动以查看更多内容/内部背景,我的图像会高于标题后面,我不知道如何让它消失在标题顶部边缘后面。有人可以帮帮我吗?

图片: 正常的身体背景,固定的标题和标题下方的内部背景 http://screensnapr.com/v/HbcNXA.png

身体背景,固定标题和标题下方滚动的内部背景,超出了标题的位置。 http://screensnapr.com/v/TKVVuy.png

我知道我的英语不足以解释这个......但是,让我们说吧。

“嘿,我满足于背景,我站在标题下方,当有人滚动我时,我正在消失在标题位置的开头。” :)

谢谢!

编辑: http://jsfiddle.net/WbtQd/

滚动,你会注意到我想要的东西。

编辑2: 好像有人玩小提琴...无论如何,这里是网站示例: http://www.monofactor.com/portfolio/mcfc-auctions/

除了我的标题让我们说:top:50px; 所以,如果我们在他的网站上添加:50px;即使他有像我这样的问题:)

http://snpr.cm/OrXCWa.png

编辑3: http://snpr.cm/GNZaGd.png

3 个答案:

答案 0 :(得分:0)

I;不确定我是否完全了解你。您的意思是,无论何时滚动页面,主体都会在标题下方传递。可能这是因为标题是固定的。您可以尝试使主体div可滚动。这样,无论何时向下滚动,只会滚动此特定div。

答案 1 :(得分:0)

我不确定你想要达到的目标,但是css中的z索引可以使项目显示在其他项目之上。将其添加到标题css代码:

#yourheaderid {
  z-index:10;
}

答案 2 :(得分:0)

我已经创建了一个jsfiddle,你应该如何标记你的固定标题和css来配合它。

http://jsfiddle.net/LYT6V/

我认为这是你要找的结果?