Jssor - 过渡效果的 Z-index答案

【问题标题】：Jssor - Z-index of Transition EffectsJssor - 过渡效果的 Z-index
【发布时间】：2014-06-07 07:29:27
【问题描述】：

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

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

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

除了幻灯片放映外，似乎一切正常。似乎页面的响应结构中的某些内容导致过渡效果的“Z-Index”低于表面层 - 但我对此不太确定。

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

【问题讨论】：

标签： javascript css slideshow css-transitions jssor

【解决方案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);*/
}

【讨论】：