有没有办法根据其父元素放置z-index

我会说这取决于每种情况，但是如果您避免使用父元素创建堆栈上下文，答案是肯定的。换句话说，父元素和子元素需要属于同一堆叠上下文，以便能够将子元素放置在其父元素下方。

顺便说一句，您可以使用更简单的方法来创建实际形状，并避免涉及任何复杂情况

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>