transform对普通元素的影响是个巨坑,自己亲身体验的总共有三点
- 提升元素的垂直地位,也就是z-index会变大
- 改变元素的定位属性,fixed变成absolute,absolute变成relative
- 使绝对定位(absolute)的子元素受父元素overflow:hidden的作用。(ps:绝对定位(absolute)的子元素宽度大于父元素,如果父容器的定位是static,也就是默认时,overflow:hidden无效)
猜猜改变红框部分的tranform属性之后会变成什么样子?预览链接:http://htmlpreview.github.io/?https://github.com/DeathKL/Demo/blob/master/transform.html