javascript - Jssor - 过渡效果的 Z-index

Question

http://autolead.ca/SCARBOROAUTOLOANS/m-index.html

这是我正在为移动网页修改的测试版设计。

我正在尝试在圆圈中间制作圆形滑块。

似乎除了幻灯片放映外，一切都在工作。似乎页面的响应结构中的某些东西导致过渡效果的“Z-Index”低于表面层 - 但我对此并不完全确定。

关于如何解决这个冲突的任何想法或者我做错了什么？

Answer 1

删除 framework.css 中的以下行（最好不要为 framework.css 中的所有 div 指定此类 css）

div {
    overflow: hidden; display: block; position: relative;
}

在 style.css 中，替换

.homePageWrapper .landingImageWrapper {
    border-radius: 50%; border: 12px solid rgb(255, 255, 255); border-image: none; width: 312px; height: 312px; margin-right: auto; margin-bottom: 35px; margin-left: auto; box-shadow: 0px 12px 0px rgba(0,0,0,0.12); background-color: rgb(255, 255, 255);
}

和

.homePageWrapper .landingImageWrapper {
    border-radius: 50%; border: 12px solid rgb(255, 255, 255); border-image: none; width: 312px; height: 312px; margin-right: auto; margin-bottom: 35px; margin-left: auto; box-shadow: 0px 12px 0px rgba(0,0,0,0.12); /*background-color: rgb(255, 255, 255);*/
}