Html 展开覆盖以适应浏览器窗口

我正在使用以下模板为一位朋友开发一个html页面。我希望重叠窗口重叠并覆盖整个窗口。 第一张图片上是这样的，我想在第二张图片上显示黑色覆盖

这是页面的html代码

$（窗口）.load（函数（）{
$（'.page_微调器'）.fadeOut（）；
$（'body'）.css（{溢出：'auto'，'minheight'：'800px'}）
})

.glob{
宽度：100%；
身高：100%；
位置：绝对位置；
溢出：隐藏
}
身体{
字体系列：Arial、Helvetica、无衬线字体；
颜色：#000；
背景：url（../images/bgPart.png）；
线高：20px；
最小宽度：980px；
最小高度：100%；
位置：绝对位置；
宽度：100%；
身高：100%；
溢出：隐藏
}
.ic{
边界：0；
浮动：对；
背景：#fff；
颜色：红色；
宽度：50%；
线高：10px；
字体大小：10px；
利润率：-220%0；
溢出：隐藏；
填充：0
}
/*全球结构=================================================================================================*/
梅因先生{
保证金：0自动；
宽度：940px；
z指数：2；
身高：100%
}
.page_微调器{
位置：固定；
背景：url（../images/loader.gif）50%50%不重复#fbf9f3；
z指数：99；
宽度：100%；
身高：100%；
排名：0；
左：0
}
#地球仪{
位置：相对位置；
溢出：隐藏；
z指数：1
}
#内容{
位置：相对位置；
高度：540px；
z指数：1；
宽度：720px；
浮动：左；
显示：内联块；
溢出：隐藏
}
#内容>ul{
宽度：100%；
高度：540px；
z指数：1；
职位：相对
}
#内容>ul>li{
宽度：100%；
显示：块；
位置：绝对位置；
溢出：隐藏
}
.盒子{
高度：480px；
宽度：660px；
背景：url（../images/extra1.png）；
利润率：30像素；
职位：相对
}

致电：+1（800）1234567


































欢迎来到我们的工作室！
奶油是TemplateMonster.com团队创建的其中一款。此网站模板针对1280X1024屏幕分辨率进行了优化。它也是XHTML&；CSS有效。TemplateMonster.com的注册成员可以免费获得该网站的PSD源文件。随便拿吧













我们能做什么
两个人在婚姻中都有自己的权利，在婚姻中都有自己的权利，在婚姻中都有自己的权利

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和justo duo

这是一个很好的例子。洛雷姆·伊普斯姆·多洛·希特，一位杰出的领袖，一位伟大的领袖

多洛雷斯和埃雷姆。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。Lorem ipsum dolor sit amet，Conseteteur sadipscing Eliter，sed diam




隐私政策
消费精英，在劳动力和劳动力的临时激励下，在价值观上。在vero eos和accusam和justo duo dolores和ea rebum stet clita kasd gubergren，没有任何海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”
在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。Stet clita kasd gubergren，无海takimata圣地。亨德雷特的两个房间都很宽敞
消费精英，在劳动力和劳动力的临时激励下，在价值观上，在价值观上。在vero eos和accusam和justo duo dolores和ea rebum stet clita kasd gubergren，没有任何海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”



反馈
联系方式已提交！我们很快就会联系的。
名称：*这不是一个有效的名称*此字段必填。电子邮件：*这不是有效的电子邮件地址。
#content {
    /*This makes the content section (which includes the overlay) 
      to appear over everything - so that menu/logos etc do not show 
      over the overlay*/
    z-index: 100; 
}
.box {
    /*this removes the current way the overlay appears*/
    background: none; 
}

/*
Following rule creates the overlay you want.
This will not slide though, it will appear in place
*/
.box:before {
    content: "";
    position: fixed;
    background: url("../images/extra1.png") repeat scroll 0 0 rgba(0, 0, 0, 0);

    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}