【问题标题】:Css transform + z-index issueCss 变换 + z-index 问题
【发布时间】:2016-11-02 04:03:53
【问题描述】:

关于它的另一个问题,但我没有在 SO 上找到完全相同的问题。

所以我尝试保留已翻译元素的子元素的 z-index 位置。 在此处查看问题:http://codepen.io/anon/pen/XjvLoW?editors=0100

如果您在 div 中注释 transform: translateX(30%); 行,z-index 将再次起作用。

到目前为止,我已尝试通过 translate3d() 强制重新渲染或反对 transform-style: flat; 以及许多其他没有运气的东西。

我知道我可以通过翻译内部的 p 元素(而不是父元素)来解决问题,但在我真正复杂的上下文中我不能。 有人可以给我一个好的提示吗?

感谢您的帮助!

[编辑]

我无法在 div 元素上设置 z-index,这不是我想要的,因为这个 div 包含我想要在 :before 背景后面的其他元素。

在滑动窗格的上下文中,从左侧推送内容。我尝试只有覆盖上方的窗格。不是它还包含的右侧内容。

在这里我更新了 codepen 以更好地反映我的问题:http://codepen.io/anon/pen/BQBBoy?editors=0100

【问题讨论】:

    标签: css z-index


    【解决方案1】:

    试试这个..

    像往常一样使用你的代码,只需将z-index: 0; 赋予div 元素,因为你赋予position: relative;,它将默认堆叠元素。

    codepen

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-03-13
      • 2013-05-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-09-12
      相关资源
      最近更新 更多