怎么让 webkitTransform 属性的元素移动的时候不覆盖其他元素?

上述属性改变 x轴属性的时候会在其它元素之上,怎么让它在其他元素之下?

z-index 好像不行?

阅读 5.3k
2 个回答

为被覆盖的元素和要移动的元素添加position:relative属性,再使用z-index即可解决

需要把“其他元素”也加上 transform 属性


补充

  • 如果一个元素在 DOM 中位于另一个元素之后,显示时应显示在上

  • 如果两个元素其中有一个元素使用 transform,设置transform的元素会显示在上

  • 如果两个元素都设置了transform, 则顺序和没有设置一样

  • 设置了transform的元素的z-index相当于在 0-1 之间,更高的z-index值可以覆盖

除了这些你还需要了解一些 z-index 知识

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题