我的网站在 Safari 和 Firefox 上的显示方式不同。我想让 CSS 在 Safari 上看起来一样。我知道我可以使用两个 div 框，一个用于轮廓，一个用于图像，但我喜欢在 Firefox 上我只需要一个，它会弯曲轮廓和图像。无论如何让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;
}