z-index:0 与 z-index:auto(默认值)是有区别的
Posted ISaiSai
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了z-index:0 与 z-index:auto(默认值)是有区别的相关的知识，希望对你有一定的参考价值。
z-index:0 的会创建一个新的层叠上下文
而auto 不会，两者在有区别
（0 会在auto 上面）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div class="abc">
<span class="red2">Red2</span>
<span class="green">Gree2</span>
<span class="red">Red1</span>
</div>
<style>
.red, .green, .red2
width: 200px;
height: 200px;
.red
position: absolute;
z-index: 0;
top: 100px;
left: 100px;;
background: red;
z-index: 1111;
.red2
position: absolute;
z-index: 0;
background: red;
z-index: 1111;
.green
position: absolute;
z-index: auto;
top: 40px;
left: 40px;;
background: green;
</style>
</body>
</html>
参考文档http://www.w3cplus.com/css/what-no-one-told-you-about-z-index.html
以上是关于z-index:0 与 z-index:auto(默认值)是有区别的的主要内容，如果未能解决你的问题，请参考以下文章