设为首页收藏本站
联系我们切换到宽版

 找回密码
 立即注册
金黑网络»首页 › 源码编程区 › 前端教程 › html5教程 › css3定位，堆叠层级z-index
返回列表 发新帖

css3定位，堆叠层级z-index

[复制链接]
admin 发表于 2025-5-20 15:40:09 | 显示全部楼层 |阅读模式
css3定位，堆叠层级z-index

1.jpg

  1. <title>堆叠顺序-z-index</title>
  2.   <style>
  3.     div {
  4.       position: absolute;
  5.       width: 200px;
  6.       height: 200px;
  7.     }

  9.     .box1 {
  10.       background-color: pink;
  11.       /* 取值是整数，默认是0，取值越大显示顺序越靠上 */
  12.       z-index: 1;
  13.     }

  15.     .box2 {
  16.       background-color: skyblue;
  17.       left: 100px;
  18.       top: 100px;

  20.       z-index: 2;
  21.     }
  22.   </style>
  23. </head>
  24. <body>
  25.   <div class="box1">box1</div>
  26.   <div class="box2">box2</div>
  27. </body>
复制代码


回复

举报

返回列表 发新帖

QQ|网站地图|Archiver|手机版|金黑网络 ( 粤ICP备2021124338号 )

网站建设，微信公众号小程序制作，商城系统开发，高端系统定制，app软件开发，智能物联网开发，直播带货系统等

Powered by Www.Jinhei.Cn

Copyright © 2013-2024 深圳市金黑网络技术有限公司 版权所有

快速回复 返回顶部 返回列表