Div在过渡过程中通过拐角处泄漏

Question

我用以下设计构建了一个旋转木马：http://jsfiddle.net/nj3xf/13/

为什么水管漏水了？有人能解释一下吗？可能还能解决问题吗？我知道这可能和overflow:hidden有关

Answer 1

渲染圆角上的CSS动画是小马车。一个安全的解决办法是自己制作幻灯片。

见更新小提琴：http://jsfiddle.net/nj3xf/18/

$("#move").click(function () {
    $('.slider').animate({left: "-=104px"});
});

编辑：改进了示例：http://jsfiddle.net/nj3xf/19/。避免使用display:inline-block，因为它在滑块项之间添加了一些不必要的空白。有关更多信息，请参见显示:内联块额外边距和内联块列表项中不需要的边距。