[CSS3] border-radius + overflow:hidden の角丸が取れる

by

ゲージ作ってるとき発見した不具合（？）

border-radius+overflow:hiddenを掛けた要素の中に
border-radiusを掛けた要素を入れて、左に半分移動させた（縮小させる）もの。
移動方法をいろいろ変えてみたら、AndroidとiOS5以下で角丸が取れているパターンが２つあった。

  1. position:absolute+left
  2. translateX

以下は左からiOS6, Android2.3, Android4.0.4
border-radius

回避策は見つかっていません

「[CSS3] border-radius + overflow:hidden の角丸が取れる」への1件のフィードバック

  1. ピンバック: Android2.3でoverflow: hidden;とborder-radiusを同時に指定した時にborder-radiusが効かない | cly7796.net

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。