填充内容相对向上移动的div

时间:2011-10-14 12:26:44

标签: html css

我很抱歉,如果问题的标题确实没有意义,但当英语不是您的第一语言时,这是一个很难用语言描述的问题。最好的方法是展示小提琴的意思。

jsFiddle - problem

在此示例中,我有一个容器div,其中包含overflow: hidden和一些顶部填充。项目中相对定位的divcontent类由jQuery滚动,但它现在不相关。假设该示例显示了内容已向下滚动一点的情况。

div向上移动,遗憾的是内容“忽略”了容器的填充,这是正确的和预期的html行为。但是在这种情况下,我必须“防止填充消失”。 html结构必须保持不变 - 内容div必须直接位于容器内。

我想出了一个解决方案,使用另一个div冒充“填充”,使用绝对定位和z-index

jsFiddle - solution?

我的问题 - 是否有更好的方法来实现这一结果?

1 个答案:

答案 0 :(得分:2)

我建议的唯一改进是从视觉/设计的角度来看:

而不是在#fff类中使用纯白色mask,也许是从透明到背景颜色(在您的情况下为白色)的渐变图像,因此文本看起来像是落后了一些东西,而不仅仅是“切断”。

上传了一个小提琴:http://jsfiddle.net/kdFgn/30/