z-index不会工作职位

Question

我正在尝试实现erf_fromto的{​​{1}}高于z-index，因为left_side有边框，而我想{{1}超越边界。

这就是当前的样子，而我希望left_side超越这条线。

erf_fromto

的CSS：

erf_fromto

codepen：http://codepen.io/anon/pen/XjzwdN

Answer 1

z-index适用于元素及其子元素。由于.erf_fromto嵌套在.erf_block内.right_side，因此您需要确保.right_side的{​​{1}}高于z-index .left_side }！

来自MDN：

  

z-index属性指定元素及其后代的z顺序。当元素重叠时，z顺序决定哪一个覆盖另一个。具有较大z-index的元素通常覆盖具有较低z元素的元素。

Answer 2

如果你也提出一个职位：亲属;和z-index：0;对.left_side孩子来说，它会起作用

Answer 3

超群，

如果您将背景添加到 left_side 和 erf_fromto ，您会看到它们位于正确的位置。

我认为您只需要在 erf_fromto 类中添加背景属性：

.erf_fromto {
   ...
   background: white;
   ...
}

我希望它有所帮助...

祝你好运！