-
ID:YT7IHv さんの質問

border-radiusで、画像四隅をCSSで角丸にすると、画像右側のみ1pxかすれて表示されてしまうのですが、なにか癖があるのでしょうか?
safari8で発生します。

border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;

みんなの回答 1 件

ID:YT7IHv さんの回答

参考画像を添付します。

ID:G29vVi

画像にかけてるの?親のdivとかにかけたら?

ID:YT7IHv

img要素にかけています。
親のdivにかけると画像がそのままの状態になります…

<div class="test"><img src="test.png"></div>
.test {
margin: 20px 0px 0px;
padding: 0px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

ID:YT7IHv

すみません、親要素にかけたら直りました…
解決しました!
ありがとうございます!

ID:ex3PJc

border-radiusにプレフィックスはいらなくないかな

最終更新日:2015-03-25 (2,964 views)

関連するトピックス

ページ上部に戻る