我会说这取决于每种情况，但是如果您避免使用父元素创建堆栈上下文，答案是肯定的。换句话说，父元素和子元素需要属于同一堆叠上下文，以便能够将子元素放置在其父元素下方。
顺便说一句，您可以使用更简单的方法来创建实际形状，并避免涉及任何复杂情况
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; box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.6);}<div ></div>
