我有以下问题：jsfiddle。
从示例中可以看出，Opera（12.16 版）不会裁剪位于 div 内的图像的边框。它返回一个带圆角的 div，但无法隐藏溢出的图像角。在其他浏览器中没有这样的问题。我的代码：
<div style="overflow:hidden; border-radius:200px; width:200px; height:200px; border:1px solid black;">
<img src="http://www.blogcdn.com/www.autoblog.com/media/2012/06/lamborghini-aventador-f16-fighting-falcon.jpg" style=" width:200px; height:200px; ">
</div>
有没有办法解决这个问题？
是的。升级到基于 Google Chromium 的 Opera 17，例如。与 Chrome 相同。这应该使渲染类似于 Chrome 和其他浏览器。
这是一个错误，在 Opera 12.16 及更低版本中无法将图像的角包裹在包装器 div 内。
它可以通过给父（包装器）div 相对定位、将图像附加为背景图像并使用其顶部和左侧坐标定位来解决。
如果图像很大，则应使用其背景大小属性调整其大小。
这是更新的 jsfiddle 链接：jsfiddle
<div style="position:relative; overflow:hidden; border-radius:200px; width:200px; height:200px; border:1px solid black; background-image:url(http://www.blogcdn.com/www.autoblog.com/media/2012/06/lamborghini-aventador-f16-fighting-falcon.jpg); background-size:200px 200px;"></div>
如果合适的话，border-radius直接在<img>标签样式里面添加。