Safari と Firefox で Web サイトの表示が異なります。CSSでSafariでも同じように見せたいです。アウトライン用と画像用の 2 つの div ボックスを使用できることはわかっていますが、Firefox では 1 つしか必要なく、アウトラインと画像を湾曲させる方法が気に入っています。とにかく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;
}