永发信息网

如何让div覆盖整个页面???

答案:3  悬赏:50  手机版
解决时间 2021-11-26 10:13
如何让div覆盖整个页面???
最佳答案
参考实例如下:
得到div高宽
var hA =document.getElementById("div1");
hA.style.width = window.screen.availWidth-20; //得到宽度
var s_height=document.body.scrollHeight;
if(s_height{
s_height=window.screen.availHeight;
}
hA.style.height=s_height+"px"//设置高度
另外,根据需要,可以看看下面这个:

网页可见区域宽:document.body.clientWidth

网页可见区域高:document.body.clientHeight
网页可见区域宽:document.body.offsetWidth (包括边线的宽)
网页可见区域高:document.body.offsetHeight (包括边线的宽)
网页正文全文宽:document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
网页被卷去的高:document.body.scrollTop
网页被卷去的左:document.body.scrollLeft
网页正文部分上:window.screenTop
网页正文部分左:window.screenLeft
屏幕分辨率的高:window.screen.height
屏幕分辨率的宽:window.screen.width
屏幕可用工作区高度:window.screen.availHeight
屏幕可用工作区宽度:window.screen.availWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
全部回答
得到文档的高度:document.body.clientHeight
得到文档的宽度:document.body.clientWidth

把DIV的高度,宽度设置成上面的就OK了,再调下Z-INDEX的值就可以覆盖在其他的元素之上。
可以把滚动条一起覆盖了吧,有body.offsetHeight可以得到包括滚动条的宽度。

你要的就是baidu登录的那种效果吧。研究研究看。就知道了。我也研究研究。出来了,下面的代码可以:
#shadowDiv {
display: none;
width: 100%;
height: 100%;
position: absolute;
top: 0px : left : 0px;
background-color: #FFF;
filter: alpha(opacity = 70);
opacity: 0.7;
z-index: 65534
}
function test(){
var d = document.createElement("DIV");
d.id = "shadowDiv";
document.body.insertBefore(d, document.body.firstChild);
d.style.display='block';
d.style.height=document.body.scrollHeight;
}
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
对比滚齿机和插齿机的加工方法,说明它们各自
为什么有人看颜色不同?比如绿色的会看成黄色
聚仙楼宾馆停车场(出入口)地址在什么地方,我
求沧海书生的小说
晚上房间总有4-5个蚊子,有没有好的办法治它
谁知道梧州桂通科目一考场在哪里,驾照C1
健身前和健身后的区别图
美图秀秀好还是天天p图好
买成都市百分之四十的社保每月该交多少?
普通学校的操场距离围墙的间距应为多少,是否
ps2手柄接电脑没反应怎么处理
有个成语大概意思是一个人学会了杀龙空有杀龙
宁波北仑银泰的蓝钻理发店怎么样
22.56÷4.7=22.56÷4+22.56÷0.7吗
推销手护的时候应该怎么说具体说法
推荐资讯
植物油储罐及管道怎样消除残留油 污
下属顶撞我应该怎么处理
那里有紫色果肉的苹果树
申请劳动仲裁四年的节假日双休日能补偿多少?
通达物流地址在哪,我要去那里办事,
客厅内洞口1.8*0.8米,高2.7米,怎么设计楼梯
hp8710p笔记本电脑怎么样啊?希望能回答的具
一个数的4/5是72,这个数是多少?
歌曲分手在那个秋天来自哪部电视剧
中国移动套餐怎么改成6元的
为什么吹空调会感觉很干燥?
从出现高层房屋以来,有因施工问题坍塌的吗?
正方形一边上任一点到这个正方形两条对角线的
阴历怎么看 ?