在旋转滑块上方放置图像
Posted
技术标签:
【中文标题】在旋转滑块上方放置图像【英文标题】:place an image above revolution slider 【发布时间】:2017-04-22 17:13:38 【问题描述】:我正在尝试将图像部分放在旋转滑块上方(滑块上侧的一部分应该被图像覆盖) 我试过了
imageposition:relative;
z-index:10;
sliderposition:relative;
z-index:1;
但它似乎不起作用 这是页面的链接:http://qebaalrabee.com/green-main/ 应该是这样的:
【问题讨论】:
试试position:absolute
。相对定位正在推动一切。添加left:0;right:0;margin:auto;
使图像居中。
您的解决方案根本不起作用我发现了一个愚蠢的解决方案,将图像放在滑块下方并使用 margin-top:-20vw;有效!找不到解释
可能是 margin:0 ... 但它是从头顶开始的。任何工作.. ;-)
似乎不利元素具有更高的 z-index 是的,当然,无论什么工作:D
【参考方案1】:
这似乎不合逻辑,但我找到的解决方案是将图像放在滑块下方并使用margin-top:-20vw;
成功了! 似乎不利元素具有更高的 z-index
【讨论】:
以上是关于在旋转滑块上方放置图像的主要内容,如果未能解决你的问题,请参考以下文章