我会说这取决于每种情况,但是如果您避免使用父元素创建堆栈上下文,答案是肯定的。换句话说,父元素和子元素需要属于同一堆叠上下文,以便能够将子元素放置在其父元素下方。
顺便说一句,您可以使用更简单的方法来创建实际形状,并避免涉及任何复杂情况 z-index
.netflix {
width:100px;
height:200px;
display: inline-block;
background:
linear-gradient(#e50914,#e50914) left/20px 100%,
linear-gradient(#e50914,#e50914) right/20px 100%;
background-repeat:no-repeat;
margin: 20px;
z-index:0;
position:relative;
overflow:hidden;
}
.netflix:before {
content:"";
position:absolute;
top:0;
left:0;
height:100%;
width:20px;
transform: skewX(22deg);
background:#e50914;
transform-origin:top left;
@R_973_2419@-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.6);
}
<div class="netflix">
</div>