Javascript 引导4转盘在safari浏览器上的转换过程中闪烁

我在drupal平台上实现了一个Bootstrap4Carousel功能。这个旋转木马在chrome上运行得非常好，但在safari上，旋转木马会转换到下一张幻灯片，但会闪烁一次，然后继续到下一张幻灯片（有一个设定的间隔时间）。最初我认为它与B4 crossfade类有关，所以我删除了它，但闪烁仍在发生。我希望我可以添加一个视频，向您展示它的确切外观，但描述现在就可以了。下面是html css和js的一个片段。有没有已知的方法来修复这个小故障

提前谢谢

杰玛

/*自定义旋转木马
-------------------------------------------------- */
/*旋转木马基类*/
旋转木马{
边缘底部：4rem；
}
/*由于定位图像，我们需要帮助解决标题问题*/
.carousel标题p{
z指数：10；
底部：3rem；
颜色：黑色；
}
/*由于img元素的定位而声明高度*/
.传送带项目{
高度：16雷姆；
}
.转盘控制上一个图标，
.carousel控件下一个图标{
高度：100px；
宽度：100px；
轮廓：黑色；
背景图像：无；
}
.carousel控件下一个图标：之后
{
内容：'\25b6'；
字体大小：55px；
颜色：黑色；
/*字体大小：粗体*/
字体系列：“投石机MS”，Helvetica，无衬线；
}
.carousel控件上一个图标：之后{
内容：'\25C0'；
字体大小：55px；
颜色：黑色；
/*字体大小：粗体*/
字体系列：“投石机MS”，Helvetica，无衬线；
}
/*更改指示器的颜色*/
#我的转盘。转盘指示器
{
背景#8080；
}
#我的转盘。转盘指示器。激活
{
背景:#333333；
}
.转盘指示器
{
边缘底部：-20px；
}
.头衔{
字体大小：25px；
字体：斜体；
}


标题
2018年11月29日，星期四

标题
2018年11月29日星期四-上午11:00至下午1:30

//DOM就绪后，运行此函数
$（文档）.ready（函数（）{
//设置旋转木马选项
$（'myCarousel'）。carousel({
pauseOnHover:是的，
间隔时间：5000
});
});

在朋友的帮助下，不太明显的解决方法是添加

-webkit转换：translateZ（0）； -moz变换：translateZ（0）

---

进入容器内部的容器的css。不太清楚为什么它能解决safari中的小故障，但它解决了问题

在Custom.CSS或style.CSS中添加CSS

body{
   overflow-x: hidden;
   -webkit-transform: translateZ(0); 
  -moz-transform: translateZ(0);
}

修复了闪烁问题（但从右到左的幻灯片动画无法工作-幻灯片仅显示）：

body{
   overflow-x: hidden;
   -webkit-transform: translateZ(0); 
  -moz-transform: translateZ(0);
}

.carousel-item {
-webkit-transform: translateZ(0); -moz-transform: translateZ(0); 
}