CSDN论坛 > Web 开发 > JavaScript

如何使两个<div>层重叠时,如何使上面的层移到下面,另外div层如何实现隐藏。 [问题点数:0分]

Bbs1
本版专家分:0
结帖率 96.55%
CSDN今日推荐
Bbs1
本版专家分:23
Bbs1
本版专家分:0
Bbs13
本版专家分:505907
版主
Blank
名人 年度总版至少三次排名前十即授予名人勋章
Blank
榜眼 2012年 总版技术专家分年内排行榜第一
2007年 总版技术专家分年内排行榜第二
2006年 总版技术专家分年内排行榜第二
2004年 总版技术专家分年内排行榜第二
Blank
探花 2005年 总版技术专家分年内排行榜第三
2003年 总版技术专家分年内排行榜第三
2002年 总版技术专家分年内排行榜第三
Blank
进士 2011年 总版技术专家分年内排行榜第六
2010年 总版技术专家分年内排行榜第八
Bbs13
本版专家分:505907
版主
Blank
名人 年度总版至少三次排名前十即授予名人勋章
Blank
榜眼 2012年 总版技术专家分年内排行榜第一
2007年 总版技术专家分年内排行榜第二
2006年 总版技术专家分年内排行榜第二
2004年 总版技术专家分年内排行榜第二
Blank
探花 2005年 总版技术专家分年内排行榜第三
2003年 总版技术专家分年内排行榜第三
2002年 总版技术专家分年内排行榜第三
Blank
进士 2011年 总版技术专家分年内排行榜第六
2010年 总版技术专家分年内排行榜第八
Bbs1
本版专家分:0
Bbs13
本版专家分:505907
版主
Blank
名人 年度总版至少三次排名前十即授予名人勋章
Blank
榜眼 2012年 总版技术专家分年内排行榜第一
2007年 总版技术专家分年内排行榜第二
2006年 总版技术专家分年内排行榜第二
2004年 总版技术专家分年内排行榜第二
Blank
探花 2005年 总版技术专家分年内排行榜第三
2003年 总版技术专家分年内排行榜第三
2002年 总版技术专家分年内排行榜第三
Blank
进士 2011年 总版技术专家分年内排行榜第六
2010年 总版技术专家分年内排行榜第八
匿名用户不能发表回复!
其他相关推荐
设置一个div在另一个div之上 实现遮掩效果,使用 position:relative
#contentBody,#conId,#coverContent{width:800px; height:200px;padding:0px; margin:0px;} #contentBody{position:relative;z-index:1;} #conId,#coverContent{position:absolute;} #coverContent{display:none;
css 两个div叠加放置
css: .bigDiv{ position: relative; } .smallDiv1{ position: absolute; width: 200px; height: 200px; background-color: pink; z-index: 2; } .smallDiv2{ position: absolute;
解决下面的div对上面的div有影响的问题:z-index分层
如下图1所示,这是我最终要实现的效果,鼠标悬停在链接上面时,出现弹框,鼠标移出弹框时,弹框消失,背景上是一个滚动的marquee ,当鼠标悬停时,不滚动,鼠标离开,继续滚动。 , 图1 但是在这个过程中我遇到了一个问题:注意看,最高人民检察院这几个字和其他字有什么不同吗?对的,透过这几个字看到了下面的字。恰恰就是这一点影响到我白色div的悬停功能,当鼠标滑动到白色div中
div+css实现div的多层重叠,并且居中显示
我们在制作网页时,有时需要多重div的重叠,每个div添加不同的内容,以实现特殊的层叠效果,这个如何实现,在网上没找到现成的详细的教程,但是可以用现有的知识,自己摸索哦。终于成功了,O(∩_∩)O~ 分享出来。可以在此基础上修改添加内容。源代码+自己写的教程,希望对初学div+css的朋友有启发。
Div 浮动到另一个div之上:
Div 浮动到另一个div之上: 绝对定位相对定位 .fj1 { position: absolute; width: 150px; height: 150px; border: 1px solid #000; b
让div 层在最顶端
设置 style 中 z-index:auto auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:9999。 若定义为-1,代表为最底层。 若是被一些FLASH文件给遮住, 可将flash对象的参数wmode设置为transparent即可
利用JavaScript实现鼠标在文字上悬浮时弹出悬浮层
在人人,CSDN等一些网站,当鼠标在某个东西上悬浮时,会弹出一个悬浮层,鼠标移开悬浮层消失。比如说CSDN的通知(应该是进入写新文章的页面后页面上方的那个铃铛),具体是什么实现的呢?代码: [html] view plaincopy >   head>   meta http-equiv="Content-Type" content="text/ht
如何使DIV层居中
 用CSS如何使DIV层水平居中这两天开始对网志进行大刀阔斧的页面更改.今天碰到个很棘手的问题,DIV本身没有定义自己居中的属性,网上很多的方法都是介绍用上级的text-align: center然后嵌套一层DIV来解决问题.可是事实上这样的方法科学吗?经过网络搜索和亲自实验得出以下结论:正确的也是对页面构造没有影响的设置如下:对需要水平居中的DIV层添加以下属性:margin-left: a
JavaScript实现DIV层的隐藏与显示
html>head>meta http-equiv="Content-Type" content="text/html; charset=gb2312">title>DiV元素的隐藏与显示title>head>body>script language="javascript">...var divobj = "no";function ChangeColor(obj)...{    var f
div浮动到img上面
此时需要在外层有一个position的div, 如果没有,可以在外面加一层。 而在div与img的样式中加入绝对定位。 并且在div中加入z-index为2, img的z-index为1, 并且div为opacity为0.8 此时的div与img为兄弟元素,img也算是一种容器,所以一般是会流式摆放,加入绝对定位后,便可以重叠。 一般重叠的需要设定Z-index与opacity
关闭