将图像放在旋转滑块上方 [英] place an image above revolution slider

问题描述

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

I am trying to place an image partially above revolution slider (a part of the upper side of slider should be covered by the image) I tried with

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

但它似乎不起作用 这是页面的链接: http://qebaalrabee.com/green-main/ 它应该是这样:

but it does not seem to work here is the link of the page: http://qebaalrabee.com/green-main/ here is how it should be:

推荐答案

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

It might seem illogical but the solution I found is placing the image under the slider and using margin-top:-20vw;

成功了！
似乎下行元素具有更高的z-index

it worked!
seems like downside elements have higher z-index

这篇关于将图像放在旋转滑块上方的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！