JS 用div 覆盖 html元素

原创 2012年03月29日 10:27:02

例子,用层2覆盖层1  兼容IE6

 

<div id="div1"></div>

<div id="div2" style="position:absolute;"></div>

 

<script>

                        function getTop(e) {
                            var offset = e.offsetTop;
                            if (e.offsetParent != null) offset += getTop(e.offsetParent);
                            return offset;
                        }

                        function getLeft(e) {
                            var offset = e.offsetLeft;
                            if (e.offsetParent != null) offset += getLeft(e.offsetParent);
                            return offset;
                        }

                        var top = getTop(document.getElementById("div1"));
                        var left = getLeft(document.getElementById("div1"));
                        document.getElementById('div2').style.top = top + "px";
                        document.getElementById('div2').style.left = left + "px";
                        document.getElementById('div2').style.width = document.getElementById("div1").offsetWidth + "px";
                        document.getElementById('div2').style.height = document.getElementById("div1").offsetHeight + "px";

</script>

js追加元素的几种方法(append()、prepend()、after()、before()、insertAfter()、insertBefore())

js追加元素的几种方法,append()、appendTo()、prepend()、prependTo()、after()、before()、appendChild()、insertAfter()、i...
  • xiangxiangw29
  • xiangxiangw29
  • 2016年09月07日 16:09
  • 53065

d3.js 解决——元素覆盖

元素覆盖最常见的应该是在气泡图中 然而数据的不可控+手势交互难免会碰到A元素被B元素覆盖使其无法触发交互事件; 如下svg中各《circle》都被添加了事件,但因为最大的circle在最后...
  • lh_qppr
  • lh_qppr
  • 2017年05月02日 23:36
  • 1041

JS 用div 覆盖 html元素

例子,用层2覆盖层1  兼容IE6                             function getTop(e) {                        ...
  • ranbolwb
  • ranbolwb
  • 2012年03月29日 10:27
  • 3499

js覆盖原有方法 提供重写方法

本文转自:http://xiaoshuolang.iteye.com/blog/727778   html>  head>  meta http-equiv="Content-Type...
  • guchuanlong
  • guchuanlong
  • 2013年04月16日 11:15
  • 938

让div与另一个div覆盖

转载地址:http://www.52jscn.com/web/2013/07/4644.shtml这里笔者想把一个div层覆盖在另一个div之下或者之上,这里指需要增加一个css属性就可以解决: 你的...
  • u014291497
  • u014291497
  • 2015年11月24日 19:23
  • 2385

DIV放在最顶层或覆盖层的技巧(很实用呀)

z-index:auto这个 属性 -1为最下面的层,越大越在上面:9999 如果是视频或flash,可以把其他的设为wmode设置成transparen!...
  • dxnn520
  • dxnn520
  • 2012年09月20日 19:19
  • 16513

通过CSS3,实现元素覆盖效果

在很多网站中,我们都可以看到这样的效果,当用户鼠标进入某一个元素后,下方就会有遮罩层上浮动画,如图: 今天我们就用hover伪类加上css3实现,没有使用任何JS #...
  • ft6302244
  • ft6302244
  • 2015年06月05日 10:40
  • 1733

CSS样式覆盖规则

大家都知道CSS的全称叫做“层叠样式表”,但估计很多人都不知道“层叠”二字的含义。其实,“层叠”指的就是样式的覆盖,当一个元素被运用上多种样式,并且出现重名的样式属性时,浏览器必须从中选择一个属性值,...
  • fmwind
  • fmwind
  • 2016年07月04日 17:30
  • 994

【CSS】CSS中div覆盖另一个div

/*因为浏览器本身都有自己的解释方式因此为了能够让其解除因为浏览器本身的缘故,因此需要加上这两句话,是有很大的区别*/ body{ margin: 0px; ...
  • lzm18064126848
  • lzm18064126848
  • 2016年10月26日 09:58
  • 1687

用JS判断一个html元素是否存在的五种方法

用JS判断一个html元素是否存在的五种方法 分类: 其它2010-05-14 10:57 981人阅读 评论(0) 收藏 举报 htmljavascriptjqueryobjec...
  • anhuidelinger
  • anhuidelinger
  • 2014年08月31日 17:34
  • 3441
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS 用div 覆盖 html元素
举报原因:
原因补充:

(最多只允许输入30个字)