jquery – CSS白层干扰

我有一个网站与幻灯片和社交分享图标。当您滚动到页面的底部，然后单击社交共享按钮上方的幻灯片框(当这两个按钮相互发生时，会发生)，滑动面板上会出现白色层1，滚动后会消失。这只发生在铬和歌剧。 website和 full css code .这样做的特定代码如下。

.socialPlugin .socials .fa {
    height: 2.5em;
    font-size: 2em;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 2.5em;
    -webkit-backface-visibility: hidden;
}

.socialPlugin .socials .fa:before,.socialPlugin .socials .fa:after {
    left: 0;
    position: absolute;
    text-align: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    top: 50%;
    width: 100%;
}

解决方法

刚刚测试过，这是你的修复。

.slide-over.open .cd-fixed-bg{
    opacity:0;
}

.slide-over.open[style="right: 0px;"] .cd-fixed-bg{
    opacity:1;
}

当面板击中0px时，特定目标。

原文地址：https://www.jb51.cc/jquery/182131.html