Css转换+ z-index问题

时间:2016-11-02 04:03:53

标签: css z-index

关于它的另一个问题,但我还没有在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

1 个答案:

答案 0 :(得分:0)

试试这个..

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

codepen