Safariで境界線の半径を固定しますか？

私はここに少し問題があります。私は境界線の下半分を得ることができません - 左と右Safariで正常に動作するように。 3つのブラウザ（Chrome、Firefox、Safari）で境界線のスクリーンショットを撮った。 Safariだけが問題を抱えていた。Safariで境界線の半径を固定しますか？

Google Chromeの

Chrome

Firefoxの

Firefox

そこから

サファリ

Safari

、あなたはかなりの問題を伝えることができます。私はborder-bottom-left-radius: 120px;とborder-bottom-right-radius: 20px;を使用しました。しかし、2つの半径のプロパティは正常に動作しているようです。

これを修正する方法がわからないため、ちょっと固まってしまいました。ちなみに、私はSafariバージョン5.1.2（6534.52.7）について話しています。

2012-03-09 Propeller

サファリのバージョンを参照してください？ –

私は@AlexanderPavlov –

...それはない、あなたの要素の大きすぎる120px' '信じる：値が許容幅/高さよりも大きい場合には、それを可能にする方、幅または高さのいずれかでキャップされます。これはおそらくサファリがこのようなケースを処理できるようになっているため、おそらく問題ではないでしょう。 – BoltClock

私にはSafariのバグのようです。要素heightより大きいborder-radiusを使用したことが原因です。

簡単な修正。要素のheightに一致するようにborder-radiusを設定します。とにかくそれを大きくする理由はわかりません。

あなたが例を必要とする何らかの理由で場合：http://jsfiddle.net/zejQX/

EDIT

あなたは異なった結果を達成するために複数の値を供給することができます：

border-bottom-left-radius: 150px 50px;

はここで、「広いアーチを持つ例です以下のように要求されます：http://jsfiddle.net/BpJ7v/3/

2012-03-09 13:57:26 Turnip

それはそれを修正しましたが、私はそれが広いアーチを作成したかったので、それは方法のアップです。 – Propeller

これを達成するために複数の値を指定できます。この例を参照してくださいhttp://jsfiddle.net/BpJ7v/3/ – Turnip

ああ。 ._。私はそれを知らなかった。ヒントをありがとう！ – Propeller

追加を試す

0123国境半径を持っているあなたの要素に

-webkit-background-clip: padding-box;

。

2012-03-09 13:58:08 james2doyle

私はそれを試みました。まだ行きません。：/ – Propeller

答えて