【问题标题】: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);*/
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2013-01-13
      • 1970-01-01
      • 1970-01-01
      • 2014-09-14
      • 2019-04-15
      • 1970-01-01
      • 2018-10-15
      • 1970-01-01
      相关资源
      最近更新 更多