模态Div填充整个窗口,包括下面的折叠

时间:2011-01-11 10:41:58

标签: javascript html css

我有一个绝对定位的div,我需要将整个文档填充为模态窗口的背景。

我可以让它填满窗口但是当有滚动条时它不会填充当前可见的区域。

这是我目前的代码:

position:absolute;   
top:0;
left:0;
height:100%;
min-height:100%;

顺便说一下,我可以让它水平填充文档。

3 个答案:

答案 0 :(得分:9)

给div position:fixed以及top,bottom,left,right 0

见这里: http://jsfiddle.net/sQLPr/

编辑 - 删除了以下行

  • 和它的父母(可能是身体) 位置:相对于

答案 1 :(得分:4)

div.covered {position: fixed; top:0; left:0; bottom:0; right:0;}

在此测试:http://jsfiddle.net/meo/kGUYG/2/

除非您找到JS解决方案,否则在滚动页面时,绝对位置会滚动。您需要使用固定位置,以便元素在内容不滚动时滚动。

答案 2 :(得分:-3)

将它放在宽度为100%的表格中,这就是