Bootstrap传送带转换故障

我有引导传送带的问题。我添加了自定义控件，并根据设计对它们进行了样式设计，但是当我点击下一张幻灯片时，前一张图片消失，中间留下空白区域。Bootstrap传送带转换故障

我编辑了bootstrap.css，其中我改变了.carousel-caption，并且为按钮添加了一些自定义css。

这里是测试页面：http://valters.me/b/

，我设法采取截图：如果从.carousel-control.left和.carousel-control.right删除过渡CSS http://d.pr/i/yGzY

来源

2013-03-27 supervalters

或者，也许你可以建议替代转盘。 – supervalters 2013-03-27 11:13:47

尝试在图像中添加高度和宽度。 – noel 2013-03-27 11:58:54

@shakabra它没关系，它也只是在它的html中出现问题。 – supervalters 2013-03-27 12:02:14

那似乎解决了这个问题。

经过FF和Chrome测试。

来源

2013-03-27 12:51:49

它的工作原理，谢谢！ – supervalters 2013-03-27 13:19:39

很高兴能够帮到:) – 2013-03-27 13:34:10

虽然这个工程我不明白为什么？控件与项目转换有什么关系？ – robdodson 2013-05-17 22:05:32

在我的情况中，以前有人在转盘内部放置了一个位置：绝对标签。删除它确实有帮助。

来源

2015-06-17 12:55:11 Arthur

我试图从.left和.right中删除属性，但它并没有解决我的问题。我提出的解决方案是加速过渡。 Bootstrap的默认值是.6s缓存，.5似乎对我有用。尝试添加这对你的CSS：

.carousel-inner>.item{ 
    /*disables white flash*/ 
    -webkit-transition: -webkit-transform .5s ease-in-out; 
    -o-transition: -o-transform .5s ease-in-out; 
    transition: transform .5s ease-in-out; 
}

添加了这个作为备用，因为白色是waaaaay比黑色更noticable：

.carousel-inner{ 
/*just incase the flash (style above) comes back*/ 
    background: #000; 
}

希望这有助于！

来源

2015-08-05 18:45:46 stackemz

奇怪的是，4.0.0已经出来了，但是旋转木马仍然有时会很迟钝。当我在Firefox上滑动时（Chrome浏览器很好），我正在疯狂地玩。 Tho，我不得不将这添加到.carousel-inner> .item以及： -webkit-backface-visibility：visible！important; backface-visibility：visible！important; – vgulkevic 2018-02-03 10:17:41

我想这和它的工作：

.carousel-inner > .item { 
    -webkit-backface-visibility: visible; 
      backface-visibility: visible; 
}

引导版本：3.3.7

来源

2018-02-03 18:14:36

Bootstrap传送带转换故障

回答

相关问题