背景色を敷いた要素に border-radius を指定すると何かはみでる件

Category
Bookmark


ロケタッチのシールページの角丸部分が変だったんですが、vantさんのブクマから解決方法が見つかりました。

Sneak ― Fixing the background 'bleed'

コードはこんな感じ。

div {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #000;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}