z-index是干嘛的-慕课网

首页课程实战体系课手记专栏慕课教程

z-index是干嘛的

来源：13-5 什么是层模型？

哈尼露易丝

2016-07-04 13:45

有什么作用

写回答关注

3回答

慕莱坞9220042

2016-07-04 13:46:04

已采纳
定义和用法
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
例子：
```
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<img src="/i/eg_smile.gif" />
<p>由于图像的 z-index 是 -1，因此它在文本的后面出现。</p>
</body>
</html>
```
0 0
Los丶轨迹

2016-10-27 17:36:41

就像站在大楼的正上方看楼一样,你只能看到最上面那一层,z-index就是这样,比如你把两张图定位在同一个位置,那么你给哪张图设置的z-index值大你就能看到哪张图

0 1
坚持活下去啊

2016-09-23 22:22:56

简单来说，就是起到了覆盖的的作用，一层background是红色，而你想用蓝色覆盖，添加z-index,并将其值设置足够大，可以起到覆盖作用

0 0

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225297 学习 · 18230 问题

相似问题

Span是干嘛的

回答 4

这章是干嘛的

回答 2

post和get是干嘛

回答 1

head干嘛用的

回答 1

没搞懂name是干嘛用的

回答 2

打开慕课网App查看更多内容