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

在这里插入图片描述

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