主页 / 问题 / 745111
Accepted
Pavel8289
Asked:2020-11-15 22:06:45 +0000 UTC2020-11-15 22:06:45 +0000 UTC

轮播Bootstrap 4时整个网站上的字体闪烁

  • 772

有一个站点https://tcc.net.ua，它有 Bootstrap 4 并且由于轮播（幻灯片放映）字体闪烁，所以不清楚，在所有站点上都很明显。

闪烁示例https://gyazo.com/9072416d5b9604132447feaf91fc9165

如何解决这个问题？

css

1 个回答

  1. Best Answer
    #question #accordion .card .card-header h5 a {
   ...
    -webkit-transform: skewX(-16deg);
    -ms-transform: skewX(-16deg);
    transform: skewX(-16deg);
   ..
}

    改成

    #question #accordion .card .card-header h5 a {
       ...
        -webkit-transform: skewX(-16deg) translateZ(0);
        -ms-transform: skewX(-16deg);
        transform: skewX(-16deg) translateZ(0);
       ..
    }

    这是一个修复

    https://gyazo.com/9072416d5b9604132447feaf91fc9165。

    为了不抽搐其他文本，添加translateZ(0)到那些样式 where transform.

    • 2

相关问题