[javascript]用子页的div遮盖整个页面

最新推荐文章于 2021-06-04 12:39:04 发布

原创最新推荐文章于 2021-06-04 12:39:04 发布 · 725 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #div #ie

本文介绍了在Internet Explorer浏览器中遇到的高度获取不准确的问题，并提供了一种解决方案，通过使用JavaScript来获取页面的实际高度。

高度用100%总是只取到ie的高度，不是页面的高度，结果出下拉条又悲剧了，于是用强硬手段

top = document.body.clientTop;

left = document.body.clientLeft;

height = document.body.clientHeight;

最终结果在我这里底下似乎还差25-30 px的地方不知为何遮不住，只好 height = document.body.clientHeight+30；

至今未搞明白，先凑合用

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

scate

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

javascript div 遮罩层封锁整个页面

10-29

在客户端浏览器中，可以在某个时机使用javascript把一个div作为遮罩层，来封锁整个页面。

html 锁定页面(js遮罩层弹出div效果)

10-29

html 锁定页面(js遮罩层弹出div效果)，需要的朋友可以参考下。

参与评论您还未登录，请先登录后发表或查看评论

DIV遮挡问题

03-18

DIV遮挡问题

两个常用的DIV弹出层效果代码(遮挡整个页面,遮挡可视部分)

weixin_30635053的博客

12-23

395

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title&gt...

遮盖层覆盖整个页面

天空

07-08

1632

html代码: 网页主体内容，包含网页其他栏目最上层DIV覆盖下面的全部DIV css代码： .main { width:960px; height:800px; background-colo...

自定义JavaScript页面遮盖层实现指南

在创建和使用JavaScript页面遮盖层的过程中，开发者需要注意几个关键点：确保遮盖层在不同的场景下能够适当地展示和隐藏，使其样式和行为能够适应页面的具体需求，并且能够提供良好的用户体验。通过合理运用HTML、...

javascript创建页面蒙板的一些知识技巧总结第1/3页

10-30

通过结合使用`iframe`和`div`的方式，可以有效地遮盖`<select>`元素。通常情况下，`div`的`z-index`值应高于`iframe`的`z-index`值。 - **使用JavaScript隐藏`<select>`元素** 在创建蒙板的同时，可以通过...

JavaScript编写页面半透明遮罩效果的简单示例

10-22

主要介绍了JavaScript编写页面半透明遮罩效果的简单示例,包括一个全屏幕div层遮盖的方法展示,需要的朋友可以参考下

ajax分页查询+Div透明遮盖

05-11

在网页开发中，"Ajax分页查询+Div透明遮盖"是两个常见的技术点，用于提升用户体验和页面交互性。让我们分别深入探讨这两个概念。 **Ajax分页查询** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个...

使用CSS和JavaScript创建DIV半透明悬浮效果

在给定的信息中，标签“CSS”, “Javascript”, “DIV”, “飘浮层”, 和 “遮盖”描述了技术栈和项目的功能特点。它们是： - **CSS**：用于设计和布局网页，实现样式和视觉效果。 - **Javascript**：用于添加交互...

div遮罩层盖住可视或整个

weixin_34162401的博客

10-29

510

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&gt...

打印当前html页面有背景,JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码...

weixin_29233857的博客

06-03

250

1.首先写一个遮罩层div，然后再写一个弹窗的div提示js弹窗 js弹出DIV,并使整个页面背景变暗确定js代码：(把jq引进来)// 弹窗function showWindow() {$('#showdiv').show(); //显示弹窗$('#cover').css('display','block'); //显示遮罩层$('#cover').css('height',document...

在子页中隐藏模板页中的div

limlimlim的专栏

08-28

1575

需求如下: 1.模板页右边包含了一个登陆div,想让没登陆的时候这个div显示，登陆后该div隐藏显示一个欢迎用户的div,主要是想通过javascript来隐藏注意:模板页里是不能使用RegisterClientScriptBlock注册和执行javascrip的, 所以javascript的注册和执行放在page页中来实现了 Main.master模板页里

html div遮盖页面,div层遮盖flash(兼容浏览器)

weixin_42300435的博客

06-04

268

今天测试div层和flash的交互，发现div层总是被flash层遮盖，在百度上找了一会，说是加个就成了，我加完后在IE下问题是解决了，但是FF下好像没有反应，后来才知道IE中和FF加的代码是不一样的，如下：IE浏览器下可用firefox下可用关于wmode属性资料：? ?(可选)允许使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示功能。此标记/属性...

如何让div覆盖整个页面？

xiaofengxiaoling的专栏

08-23

8640

得到div高宽 var hA =document.getElementById("div1"); hA.style.width = window.screen.availWidth-20; //得到宽度 var s_height=document.body.scrollHeight; if(s_height<window.screen.availHeight) { s_height=wi

利用div实现遮罩层效果

w36680130的博客

12-25

1580

本文转载自：https://www.cnblogs.com/dige1993/p/4606032.html 作者：dige1993 转载请注明该声明。利用div实现遮罩层效果就是利用一个全屏、半透明的div遮住页面上其它元素，典型的例子就是百度的登录界面。下面贴出示例代码： <!DOCTYPE html> <html> <head> <meta ...

div被遮挡，让一个div层浮在最上层的方法

qq_34159859的博客

11-26

6443

position定义为absolute,relative或fixed.必须position属性为以上三个,z-index才能体现层级,才生效设置 style 中 z-index:auto auto可定义为一个值(整数数字)，越大代表越置前，如可定义为： z-index:9999。若定义为-1，代表为最底层。如果要让div1不被div2遮挡，则将div1的z-index设置比div2大就可以了 . ...

iframe子页面全屏遮罩层

qq_36392571的博客

06-06

5196

这里我在百度到的思路。我有点忘记作者是谁了。当时没有保存他的路径。思路：在主页面中添加一个遮罩层，把iframe的定位设为绝对定位，不过这样子会把整个iframe的页面都显示在遮罩层上，所以在iframe 在加一层遮罩层，遮住内容，只留下弹框。注意：要添加z-index,让主页面的遮罩层在上面。代码：主页面： &lt...