div显示在上层_DIV重叠 如何优先显示（div浮在重叠的div上面）

如果有2个div有重叠，默认是根据html解析顺序，最后加载的优先级最高(浮在最上面)。

问题：

如果想把前面加载的div显示在最上面？关键字：z-index

举例：

--原来的页面：first div是被second div盖住了：

Test Div Overlap

.first{

width: 366px;height: 384px;top:100px;left:100px;

position: relative;/*absolute*/

background-color:#CCCCCC;

text-align:right;

/*

z-index:2;

*/

}

.second{

width: 366px;height: 384px;top:0px;

position: absolute;

background-color:#999999;

}

Overlap by Second  first

second 

解决方案：

1.需要将first的position设置为relative

2.将.first{}里面的z-index:2的注释取消

结果：

发现first div浮在second的上面了。

解释：

默认z-index是0，如果设置了z-index的值高于其他，就可以优先显示。

Div和Span标签显示与隐藏

本实例中,学习jQuery的知识,显示与隐藏网页上的div或是span标签. 实际环境中,也许是根据某些条件进行,符合条件时,对某个或是某个div或是span标签时行显示与隐藏. 主要是学习jQuer ...

点击按钮对两个div的隐藏与显示进行切换

HTML: 点击切换div的隐藏与显示 ...

多个div独立控制其显示/隐藏

今天要说一个神奇的html标签op,静态页下可以配合jquery分别控制每个层的显示/隐藏切换. 如果用动态中使用,用文章id做区分就可以了.

&l ...

CSS实现Div透明，而显示在上面的文字不透明，但也可看到显示在下面的图片内容

CSS实现Div透明,而显示在上面的文字不透明,但也可看到显示在下面的图片内容,DiV透明其实挺简单,主要是为background定义opacity属性,一般这个是最大值是1,数值越接近1,则越不透明 ...

Jquery一个slideToggle搞定div的隐藏与显示

Jquery一个slideToggle搞定div的隐藏与显示