当我使用溢出、边界半径和转换组合时，我遇到了一个奇怪的错误。我有一个div，里面有一个img：
<；a href="#&引用；类别=“类”；区块规模1年度非营利报告“&燃气轮机；
<；div class="；内部“U形块”&燃气轮机；
<；img src=”等；http://i.imgur.com/8uuZB.jpg" /&燃气轮机；
</部门>；
</a>；
div有一个边界半径，溢出设置为隐藏：
body{背景色：#78735e；}
.街区{
位置：绝对位置；
左：0px；
顶部：0px；
边界半径：10px；
利润率：6px；
盒影：0px 0px 6px 2px rgba（0,0,0,0.2）；
溢出：隐藏；
}
.尺码1{
宽度：226px；
高度：464px；
最小宽度：160px；
最大宽度：226px；
}
1.内座{
溢出：隐藏；
边界半径：10px；
}
.闭塞img{
宽度：100%；
身高：100%；
过渡：所有0.1秒；
}
.block img:悬停{宽度：115%；高度：115%；}
当我将鼠标悬停在img上时，会发生一个过渡，使图像变大以创建缩放效果。问题是溢出似乎在图像的左下角和右下角破裂
我已经创建了一个JSFiddle，让您看看我在说什么。http://jsfiddle.net/dmcgrew/HuMrC/1/
它在Firefox中运行良好，但在Chrome和Safari中出现故障
有人知道这可能是什么原因或如何修复吗
我也有同样的问题。将其添加到父容器可以解决我的问题（这是一个较少的混合）
.transitionfix（）{
-webkit背面可见性：隐藏；
-moz背面可见性：隐藏；
-webkit转换：translate3d（0,0,0）；
-moz变换：translate3d（0,0,0）
}