Bootstrap Fading Carousel - 1px转换之间的凹凸？

Question

我使用的是Bootstrap 3.0和旋转木马，但它不是向左和向右滑动，而是褪色。唯一的问题是，当你在PC上时，每个淡入淡出之间有一个1px的小过渡，就像图像向左或向右滑动1px一样。

我的图片都是一样的大小。

你能告诉我问题出在哪里吗？

http://sayredesign.com/clients/tank-service/

Answer 1

它淡入淡出是因为你使用了一个拥有所有CSS的custom.css来使它淡出。如果您删除了custom.css中与旋转木马相关的所有内容，则应该可以看到幻灯片。对于过渡，我没有任何线索，因为我根本看不到这一点。也许如果你修复了CSS，这个问题也会得到解决。

Answer 2

在custom.css中轮播之后更改.item部件

/* =============================
    CAROUSEL 
==============================*/

//other css

 .carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    width:100%;
    padding-left:1px
}

//other css

/* =============================
    FOOTER
==============================*/

Answer 3

感谢您的回复！似乎在对代码进行了几个小时的修补之后，真正弄清楚了我在做什么(嘿！)，它自己修复了。我一定是在什么地方写了一些糟糕的代码。