如何将多个绝对定位的div视为背景?

时间:2011-12-08 05:24:14

标签: html css html5

我有一个主容器div,其中插入了网站的所有重要内容,800px宽,水平居中。

我需要在它下面(通过z-index)和它的宽度之外放置多个绝对定位的div,而不会导致额外的滚动条出现,并且不会丢失主容器滚动条(因此放置溢出:隐藏在一个包装中赢了' t)。

换句话说,我想知道是否可以创建内部(视频,图像或文本)中可以被视为背景的不同元素的div,这样滚动条只会在窗口调整到800px宽以下时出现(主容器的宽度),其余的div只会出血(类似于swffit与嵌入式flash电影的原因)。

有没有办法通过css或javascript做到这一点?

提前致谢!

1 个答案:

答案 0 :(得分:3)

有一种方法只需要CSS。我曾经遇到与我创建的this web site类似的问题,请查看源代码。旁边的曲线是这样做的。

Trick是将主容器的位置更改为相对而没有移位 - 这会导致更改坐标基础here is a link。比使用“背景div”的绝对定位使它们超出主框。

要解决溢出问题,请使用一些额外的div包装器(在我的站点中使用id图形)。要指定其宽度,请使用范围 - 最小宽度等于主框,最大宽度作为总宽度,包括“背景div”。并且这个包装器设置了隐藏的溢出。

希望它有所帮助。