将图像放在旋转滑块上方

Question

我正在尝试将图像部分放置在旋转滑块上方（滑块上侧的一部分应该被图像覆盖） 我试过

image{position:relative;
z-index:10;
}
slider{position:relative;
z-index:1;
}

但是好像不行 这是页面的 link：http://qebaalrabee.com/green-main/ 应该是这样的：

Answer 1

这似乎不合逻辑，但我找到的解决方案是将图像放在滑块下方并使用 margin-top:-20vw;

成功了！
似乎不利因素具有更高的 z-index