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 (4,229 views)

関連するトピックス

6 回答

line-heightについて教えてくださいお願いします！もうかれこれ2時間くらい悩んでます。。。<p><img src="sample.jpg"><p>p{line-height: 2;font-s... 8,319 views
5 回答

img { max-width: 100%; height: auto; width /***/: auto;}これを書いてimgをレスポンシブ対応しているのですが、すると、imgに... 10,017 views
1 回答

下記ページの社員さんの写真のように、マウスオーバーしたときに他の画像に切り替えつつ拡大⇒元のサイズ　というエフェクトをかけたいのですが、どのようにすれば良いでしょうか。www.dnp-digi.com... 4,340 views
1 回答

雑魚のコーダーです。a:before要素にアイコン画像などを設定してaにtext-decorationを設定するとIE9やIE10でa:beforeにも下線が適用されてしまいます。アイコン画像の設定方... 7,662 views
3 回答

background:urlで背景画像を切り替えて、ロールオーバーなどを実装する場合について質問です。■以下のようなhtmlとcssがあるとします。<div></div> &... 5,042 views
2 回答

CSSのグラデーションに関する質問です。IEの対応として、-ms-filter: "progid:DXImageTransform.Microsoft.gradientを使おうと思っているのですが、開... 2,272 views
2 回答

画像imgタグの width,height　で画像サイズを縮小しサムネールとして表示しているのですが、 ie8,ie9での画像が粗いです。-------------------------------... 13,685 views
2 回答

いつもお世話になっております。FacebookやTwitterのシェアボタンを設置する場合、http://w3q.jp/t/2587のようにオリジナルの画像を使用してもいいのでしょうか。本来ならば規約... 4,780 views
1 回答

画像を使ったマスクってcss3のmask-image以外での作成可能でしょうか？今、ttp://www.bandaigames.channel.or.jp/list/asb/このサイトのロゴのように、... 2,577 views
4 回答

HTML・CSSでのレイアウトが思ったようにいかず困っています。画像がなくなった場合はタイトルと文章は画像がない分横に伸びるようにしたいのでタイトル　画像　文章　それぞれにwidhtを指定せずにタイト... 7,513 views

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

みんなの回答 1 件

参考画像を添付します。

関連するトピックス

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