Question

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

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

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

似乎除了幻灯片放映以外都在工作。似乎页面的响应结构中的某些东西导致了Z-Index＆＃39;过渡效果落在表层之下 - 但我对此并不完全确定。

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

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

Jssor - 过渡效果的Z指数

1 个答案: