手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

div里面盒子重叠怎么看

时间:2024-12-04 01:58:33

1、电脑桌面上新建一个txt文档,将文件名更改成“index.html”的html文件。

div里面盒子重叠怎么看

2、用编辑器打开html文件,并添加标准html5代码,代码效果如何。

div里面盒子重叠怎么看

3、小编这里首先建一个大的div用来放置重叠的层,然后将div“class=div2”进行绝对定位,并设置层背景颜色为红色。

div里面盒子重叠怎么看
div里面盒子重叠怎么看

4、再在里层新建一个“class=div3”的层,进行绝对定位,并设置层背景颜色为蓝色。这样两个层重叠,并显示后面新建的层颜色。

div里面盒子重叠怎么看
div里面盒子重叠怎么看

5、我们为类选择器为“class=div2”的层设置z-index= 10,这样这个层就编导上层去了。

div里面盒子重叠怎么看

6、这时在刷新浏览器,就会显示“class=div2”的层。

div里面盒子重叠怎么看
© 手抄报圈