私は、画像とdivの周りに境界線の半径を置いています。現時点では、Safari と Firefox でのみテストしています。どちらも異なる結果をもたらします。
私が持っている画像の場合：
margin:0;
border-style: solid;
border-color: #fff;
border-width: 6px;
border-radius: 46px;
-webkit-border-radius: 46px;
-moz-border-radius: 46px;
結果は Firefox - 美しいです。Safari - 左側の半径が滑らかではなく、角が少し欠けているように見えます。
私が持っているDivについて：
border-right-style: groove;
border-right-color: #eee;
border-right-width: 6px;
border-bottom-left-radius: 46px;
-webkit-border-bottom-left-radius: 46px;
-moz-border-bottom-left-radius: 46px;
border-top-right-radius: 46px;
-webkit-border-bottom-right-radius: 46px;
-moz-border-bottom-right-radius: 46px;
Safari の結果 - 美しい。Firefox - 下隅の半径が表示されません。一番上のものはそうします。
私が行方不明であることは明らかですか？この種の問題を解決する修正または方法はありますか?
編集: http://css-tricks.com/almanac/properties/b/border-radius/に従って指定されている順序を更新しましたが、それでも同じ結果です