Question

我将Bootstrap Carousel实现为网站http://singhabenelux.com/的页面转换。但过渡效果在Chrome和Safari上的显示方式不同。在safari上，更改到新页面的效果不流畅，非常慢，看起来旧页面和新页面重叠。

我认为-webkit- {attribute}也会影响chrome和safari，但我不知道为什么Chrome和Safari之间会有这样的差异。

我正在测试： Chrome 38.0.2125.101 Safari 5.1.4 我的操作系统是Windows8 Pro。

请帮帮我。非常感谢你。

Answer 1

这对我有用：回顾@Paul Kane在这里写的内容：Twitter Bootstrap - Carousel Transition is NOT Smooth

我发现旋转木马与填充物的搭配并不好。如果你不能避免使用填充（因为我不能），尝试使用＆＃39; top＆＃39;，＆＃39; left＆＃39来定位轮播的.next和.prev元素。 ;，＆＃39;对＆＃39;相应于您调整哪一方以抵消班次。

您可能需要通过重新加载来重复修补它，以查看需要调整多少。

例如，为了在carousel-inner元素中偏移40px填充，在左右对齐的元素中偏移其他填充，我使用了：

.carousel .next {
  top: 40px;
  padding-left: 160px;
}

.carousel .prev {
  top: 40px;  
  padding-left: 160px;  
}

Answer 2

重要的是不要忘记.slide元素的.catrousel类：

<section class="carousel slide" data-interval="false" data-ride="carousel">