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