css 转换期间，潜水器通过角落泄漏

d8tt03nd 于 2023-01-18 发布在其他

关注(0)|答案(2)|浏览(100)

我用下面的设计构建了一个旋转木马：http://jsfiddle.net/nj3xf/13/
为什么div会漏出来？有人能解释一下吗？或者提供一个修复方法？我知道这可能和overflow:hidden有关

2条答案

在CSS动画上渲染圆角is buggy。一个安全的解决方案是自己制作幻灯片动画。
请参阅更新的fiddle：http://jsfiddle.net/nj3xf/18/

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

**编辑：**改进的示例：http://jsfiddle.net/nj3xf/19/。避免使用display:inline-block，因为它会在滑块项目之间添加一些不需要的边距。有关详细信息，请参阅display: inline-block extra margin和Unwanted margin in inline-block list items。

如果容器的a轴比子div的a轴高，就可以最大限度地减少错误。它仍然会稍微影响border属性，但不太明显。