css – 使用任何动画/转换时的Webkit边框半径和溢出错误

前端之家收集整理的这篇文章主要介绍了css – 使用任何动画/转换时的Webkit边框半径和溢出错误前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我使用overflow,border-radius和transition的组合时,我遇到了一个奇怪的bug。我有一个内部的img的div。 div有一个边界半径和溢出设置为隐藏。当我将鼠标悬停在img上时,我发生了一个转换,使得图像变大,从而创建一个缩放效果。问题是图像的左下角和右下方的溢出似乎会破裂。

我已经创建了一个jsfiddle来看看我在说什么。 http://jsfiddle.net/dmcgrew/HuMrC/1/

它在Firefox中正常工作,但在Chrome和Safari中断。

任何人知道什么可能导致这个或如何解决它?

解决方法

我不知道我是否正确理解问题,因为图像未加载。如果添加高度:100%;到.inner_block是否有助于您的问题?

http://jsfiddle.net/HuMrC/2/

猜你在找的CSS相关文章