css如何让div显示在最上层

html-css024

css如何让div显示在最上层,第1张

方法:设置div样式

z-index

:auto

auto可定义为一个值(整数数字),越大代表越置前,如可定义为:

z-index:999。

前提是div是定位元素。

使用z-index属性,例如z-index:1000,数值越大所在层显示的越靠前面,区分两层的显示顺序就可以分别将两层的显示值设置,这样就可以分别出这两层的显示情况。前提是将所显示的层定位,z-index只作用于定位的元素。

css代码

.C{ float:leftwidth:100pxheight:100pxbackground-color:red}

.D{ width:100pxheight:120pxbackground-color:green}

html代码

<div class="C"></div>

<div class="D"></div>

这个好像局限性很大,只有前面一个元素浮动了,后面一个还在文档流里的会到它下面去,也不能用z-index让它上来,因为z-index好像是对定位元素才有效果,不过反正是一个在另一个上面了,(*^__^*) 嘻嘻……