微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Safari 中的闪烁问题,如何使用 webkit

如何解决Safari 中的闪烁问题,如何使用 webkit

仅在 Safari 中更改幻灯片时出现闪烁问题。

我看到有人推荐使用 webkit -webkit-transform: translate3d(0,0) 到每个整页部分

但我不确定在哪里添加它,以及如何将它添加到特定的类:

我当前的 css 代码如下:

<style>.fp-enabled body,html.fp-enabled{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0)}.fp-section{position:relative;-webkit-Box-sizing:border-Box;-moz-Box-sizing:border-Box;Box-sizing:border-Box}.fp-slide{float:left}.fp-slide,.fp-slidesContainer{height:100%;display:block}.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.fp-section.fp-table,.fp-slide.fp-table{display:table;table-layout:fixed;width:100%}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%}.fp-slidesContainer{float:left;position:relative}
.fp-controlArrow {
    position: absolute;
    width: 32px; /* This can be added here so you don't have to set a width and height 2 times for each arrow,this will create one width for both arrows */
    height: 32px; /* This does the same as above */
    margin-top:-16px; /* This value must always be half of the height - This does the same as above */
    z-index: 30;
    top: 50%;
    cursor: pointer;
    transition: 0.3s;
}

.fp-controlArrow.fp-prev {
    left:2%;
    background: url(https://uploads-ssl.webflow.com/602dbecd2160ce28b5bc428b/602e923133f8dc0bf994fc49_left-arrow.svg) no-repeat;
}
.fp-controlArrow.fp-next {
    right:2%;
    background: url(https://uploads-ssl.webflow.com/602dbecd2160ce28b5bc428b/602e9231ec03b6c9682b540c_right-arrow.svg) no-repeat;
}
.fp-controlArrow.fp-prev:hover {
    left:2%;
    background: url(https://uploads-ssl.webflow.com/602e964d45014f51eaca0d26/602ea069aae4f6888fe8675b_Left%20Arow%20Circle.svg) no-repeat;
}
.fp-controlArrow.fp-next:hover {
    right:2%;
    background: url(https://uploads-ssl.webflow.com/602e964d45014f51eaca0d26/602e9fa376b7e72700d703c2_Right%20Arrow%20Circle.svg) no-repeat;
}

/*# sourceMappingURL=fullpage.min.css.map */
</style>

那么在哪里实际粘贴 webkit 代码段?

谢谢

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。