CSS3 transform對普通元素z-index、positon和overflow的影響,

transform對普通元素的影響是個巨坑,自己親身體驗的總共有三點

  1. 提升元素的垂直地位,也就是z-index會變大
  2. 改變元素的定位屬性,fixed變成absolute,absolute變成relative
  3. 使絕對定位(absolute)的子元素受父元素overflow:hidden的作用。(ps:絕對定位(absolute)的子元素寬度大於父元素,如果父容器的定位是static,也就是默認時,overflow:hidden無效)

在這裏插入圖片描述
猜猜改變紅框部分的tranform屬性之後會變成什麼樣子?預覽鏈接:http://htmlpreview.github.io/?https://github.com/DeathKL/Demo/blob/master/transform.html

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章