8000 chore: update 《z-index 和栈空间》 · coder22010/css-tutorial@c04521f · GitHub
[go: up one dir, main page]
Skip to content

Commit c04521f

Browse files
pengfeiwpengfeiw
committed
chore: update 《z-index 和栈空间》
1 parent 2daf1f7 commit c04521f
< 8000 /div>

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

‎chapters/018 z-index和栈空间.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ MDN中还提到了下面两点内容，作为补充。
5252

5353
`z-index`接受两种值：关键字`auto`、整数。
5454
1. `z-index:auto;`: 元素在所属栈空间内的栈层级为0，元素不会创建新的栈空间（局部栈空间），除非该元素是页面根元素，页面根元素默认会创建一个栈空间。
55-
2. `z-index:<interger>`: 元素在所属栈空间内的栈层级为0设置的`<interger>`，元素会创建一个新的局部栈空间。
55+
2. `z-index:<interger>`: 元素在所属栈空间内的栈层级为0，设置的`<interger>`，元素会创建一个新的局部栈空间。
5656

5757
所以前面那个例子，我们设置了`z-index:-1;`没有效果，因为`<span>`元素处于新的局部栈空间内。而它的父元素在外层栈空间内的栈层级为0。
5858

@@ -85,7 +85,7 @@ MDN中还提到了下面两点内容，作为补充。
8585
3. 处在正常文档流内，position为static的非内联（non-inline）元素。
8686
4. position为static的浮动元素。
8787
5. 处在正常文档流内，position为static的内联（inline）元素，包括内联table和内联块（inline blocks）。
88-
6. `z-index`为0的并且创建了局部站那空间的元素和`z-index`为0并且position为非static的元素。
88+
6. `z-index`为0的并且创建了局部栈空间的元素和`z-index`为0并且position为非static的元素。
8989
7. `z-index`为正值的并且创建了局部栈空间的元素，`z-index`最小的先绘制。
9090

9191
更详细的绘制顺序可以参考[这里](https://www.w3.org/TR/2012/WD-css3-positioning-20120207/#det-stacking-context)。

0 commit comments

Comments
 (0)
0