transform 文档
对于布局受CSS盒子模型控制的元素,transform属性不会影响transformed元素周围的内容流。但是,溢出区域的范围将会考虑上transform元素。这种行为类似于元素通过相对定位发生偏移时的情况。因此,如果overflow属性的值是
scroll
或auto
的,滚动条将显示为需要看到在可见区域外转换的内容。对于布局受CSS盒子模型控制的元素,除了配置为
none
之外,其他的transform
属性值都会创建堆栈上下文。绘制的实现必须在其父栈上下文中它所创建的层中,如果它是带有“z-index: 0”的定位元素,则使用相同的堆叠顺序。如果一个带有transform
的元素还配置了position
属性,那么“z-index”属性将按照CSS2描述的被应用,除非“auto”被视为“0”,因为会创建新的堆栈上下文。对于布局受CSS盒子模型控制的元素,除了配置为
none
之外,其他的transform
属性值都将导致元素成为一个包含块,而其固定定位的后代元素都是以此object作为他们的包含块。根元素的Fixed Backgrounds会受到该元素上配置的transform属性的影响。对于受transform影响的所有其他元素(例如,对它们应用transform属性,或者对它们的任何祖先元素应用transform属性),
background-attachment
属性值为fixed
的元素会被当做它好像有配置scroll
属性一样。其他background-attachment
的计算值不受影响.
利用transform的bug使fixed相对于父级定位
transform 使 fixed 降级成absolute