Abruzzi's Wall

Front-End Web Developer

Ghost only can help me to here...

Tag: CSS

  1. CSS Stacking Context里那些鲜为人知的坑

    通常我们在学习/了解CSS的时候,并不会直接接触/了解到stacking context的规则,甚至在初学的时,仅仅接触到z-index、知道可以通过z-index控制元素显示的前后顺序,却常常由此碰到各式各样匪夷所思的bug,这两天我也趟了一次z-index浑水,搞明白了z-index扯出的这一系列stacking context坑。 什么是z-index 在W3C document里对z-index的解释是: The z-index attribute lets you adjust the order of the layering of objects when rendering content. It means that CSS style rules allow you to position boxes on layers in addition to the normal rendering…

    z-index, CSS, stacking context, fixed bug