-webkit-border-radius与-moz-border-radius的行为有所不同
我的网站在Safari和Firefox上的显示不同。我希望CSS使它在Safari上看起来一样。我知道我可以使用两个div框，一个用于轮廓，一个用于图像，但我喜欢Firefox上我只需要一个，它会曲线轮廓和图像。无论如何有Safari浏览器曲线轮廓和图像？-webkit-border-radius与-moz-border-radius的行为有所不同
Safari中：
火狐：
<img src="asset.jpg" class="example">
img.example { width: 250px; height: 250px; background: rgba(0, 0, 0, .6); padding: 18px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
这是一个已知臭虫在WebKit浏览器
见因此，在短期这example
，是的，现在你必须包装在一个div形象。吮吸。
看到这些错误报告：
http://code.google.com/p/chromium/issues/detail?id=82417
https://bugs.webkit.org/show_bug.cgi?id=30475
目前，包装在一个div，as I have done here
看起来这是自2009年以来一直存在的错误，无论如何要修复它？任何想法何时会得到修复？ – michaellindahl 2012-04-10 20:31:02
希望很快，但你仍然必须支持旧版本，因为不是每个人都会更新。欢迎来到网页设计！ – jacktheripper 2012-04-10 20:33:58
看起来像这个问题依然存在。我在http://shapebootstrap.net/demo/html/corlate/contact-us.html中看到这个 我该如何解决这个问题？在其他浏览器中，它是一个完美的圆圈，而在safari中它是方形的。 – 2015-06-08 18:41:21
用它包裹在一个div我提供了一个例子 – jacktheripper 2012-04-10 19:23:22