Question

我正在使用带有旋转木马的Bootstrap 3.0，但它不会向左右滑动，而是会消失。唯一的问题是，当你在PC上时，每次淡入淡出之间都有这个小的1px过渡，好像图像向左或向右滑动1px。

我的图片尺寸都相同。

你能告诉我这个问题是什么吗？

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

Answer 1

它会消失，因为你使用的是custom.css，它拥有所有的CSS以使其淡入淡出。如果删除custom.css中与轮播相关的所有内容，则应该向后滑动。对于过渡，我一点都不知道，因为我根本看不到这种情况。也许如果您修复了CSS，问题也将得到解决。

Answer 2

在custom.css

中更改CAROUSEL后的.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

感谢您的回复！似乎在经过几个小时修补代码并真正搞清楚我正在做什么之后（嘻嘻！），它修复了自己。我必须在某处有一些不好的代码。

Bootstrap Fading Carousel - 过渡之间的1px碰撞？

3 个答案: