[CSS] What exactly causes a stacking context? (#193)

This commit is contained in:
Rob Levin 2019-06-01 15:43:55 -07:00 committed by Yangshun Tay
parent 2a2a88c5e7
commit bcdfc4de87
1 changed files with 2 additions and 0 deletions

View File

@ -107,6 +107,8 @@ A stacking context is an element that contains a set of layers. Within a local s
Each stacking context is self-contained - after the element's contents are stacked, the whole element is considered in the stacking order of the parent stacking context. A handful of CSS properties trigger a new stacking context, such as `opacity` less than 1, `filter` that is not `none`, and `transform` that is not`none`.
_Note: What exactly qualifies an element to create a stacking context is listed in this long set of [rules](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context#The_stacking_context)._
###### References
* https://css-tricks.com/almanac/properties/z/z-index/