在旋转滑块上方放置图像

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

【讨论】:

以上是关于在旋转滑块上方放置图像的主要内容,如果未能解决你的问题,请参考以下文章

使用jQuery滑块旋转(度)图像

带自动旋转器的1k图像/内容滑块

在图像移动/调整大小/旋转操作中在图像周围放置一些指示符

猫头鹰旋转木马导航不起作用

在百里香弹簧靴中,动态旋转木马滑块不起作用

opencv文字旋转 putText旋转90°