CSS おれおれ Advent Calendar 2012 – 20日目

いわゆるBK (Bad Knowhow) というやつですな。(BKって和製英語の類?)

現象

画像にborderを付けてborder-radiusも付けると、なんかChromeでうまく表示されないんです。

Chrome 23で見た角丸枠線。欠けている。

Firefoxなんかだと正常でした。

回避策

回避策なのですが、borderの代わりにボケなしのbox-shadowだとうまく行く感じです。

枠線に見える影。

デモ

どうでしょうかね。