Jssor-过渡效果的Z索引

Question

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

这是我正在为移动网页进行修改的Beta版设计。

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

似乎可以正常工作，除了幻灯片放映。 页面的响应结构中的某些内容似乎导致“过渡”效果的“ Z索引”降到了表面层以下-但是我对此不确定。

关于如何避免这种冲突的任何想法，或者我做错了什么？

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);*/
}