当我使用overflow,border-radius和transition的组合时,我遇到了一个奇怪的bug。我有一个内部的img的div。 div有一个边界半径和溢出设置为隐藏。当我将鼠标悬停在img上时,我发生了一个转换,使得图像变大,从而创建一个缩放效果。问题是图像的左下角和右下方的溢出似乎会破裂。
我已经创建了一个jsfiddle来看看我在说什么。 http://jsfiddle.net/dmcgrew/HuMrC/1/
它在Firefox中正常工作,但在Chrome和Safari中断。
任何人知道什么可能导致这个或如何解决它?