12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
ADADADADAD
编程知识 时间:2024-11-29 10:05:31
作者:文/会员上传
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
12-09
CSS中,<div>元素的层叠顺序可以通过设置z-index属性来控制。默认情况下,<div>的层叠顺序是直接与页面上的其他元素共存的,即元素的层叠顺序是0,与页面上的其他元素相同。如果要
以下为本文的正文内容,内容仅供参考!本站为公益性网站,复制本文以及下载DOC文档全部免费。
CSS中,
<div>元素的层叠顺序可以通过设置
z-index
属性来控制。默认情况下,<div>的层叠顺序是直接与页面上的其他元素共存的,即元素的层叠顺序是0,与页面上的其他元素相同。
如果要使元素置于其他元素的上层,只需要使用z-index
属性将其设为一个大于0的值即可。值越大,层叠顺序越高,即越在上层。
.top{position: absolute;z-index: 1; /* 将该元素置于上层 */}.bottom{position: relative;z-index: 0;}
在上面的示例中,
<div >元素被设置为绝对定位,然后通过
z-index
属性将其置于上层,<div >元素被设置为相对定位,层叠顺序默认为0,即位于下层。
需要注意的是,只有使用了定位(即设置了position属性)的元素才能使用z-index
属性进行层叠控制。如果元素没有定位,无论设置z-index
属性的值大小如何,都无法改变元素的层叠顺序。
11-20
11-19
11-20
11-20
11-20
11-19
11-20
11-20
11-19
11-20
11-19
11-19
11-19
11-19
11-19
11-19