iOS実機でborder-radiusが効かない場合の対応

組み方によってはiOS実機でborder-radiusが効かない場合があるようなので対応メモ。

border-radiusが効かないケース

.hoge {
  border-radius: 5%;
}

.hoge {
  border-radius: 5px;
}

対応策

• 指定単位に%は使わない。
• z-indexを付与する。

.hoge {
  z-index: 1;
  border-radius: 5px;
}

より適切な方法があれば知りたい。