2012-02-19 11 views
4

この画像は非常によく問題を説明する必要があります(Fullsize境界線の色 - Chromeのバグ、または私は視覚障害ですか?

Screenshot of the problem http://adamhaskell.net/img/chromebug.png

あなたが見ることができるように、関係する境界半径があるときクローム境界色をどのように処理するかのバグがあるように見えます。大まかには、ボックスのアスペクト比が2:1以上の場合、非常に明確なカットオフがあります。

あなたは、これは私のタブシステムは、Chromeの極端に悪いに見えるのを想像することができ

...

この動作を修正する方法はありますか?

Live demo of the problem

+0

Wow。 divの高さとボーダーの半径の比に関するすべてのようです。 .box2の高さを118pxに設定するか、ボーダー半径を63pxに設定すると、よく見えるdivボーダーが表示されますo_O – icanhazbroccoli

+0

私は知っていますか?私は、IEがそれを正しく得ることができる場合は... –

+3

OK、バグレポートを提出する:http://code.google.com/p/chromium/issues/entry – j08691

答えて

0

私はまさにそれを解決していないが、これはコメントのために少し大きいです。

ユニットは、em,cmと同じですが、これは問題ではありません。

div.box1 { 
border-radius: 64px; 
border-bottom-left-radius: 0px; 
    /* OR 
    border-radius: 64px 64px 0px 64px; 
    */ 
} 

は、(光ビットがすべての方法をstreches)動作しますが、border-bottom-right-radiusを追加すると、再び

とすぐsが62pxの下に取得border-bottom-XXX-radiusの一つは、それが停止したとして、それをマックします。

これが答えを見つけるのに役立つかどうかはわかりませんが、うまくいけばそれができます。

+0

参考になりました。タブをもっと長くして、バグをもう覚えることができないようにして、余分な部分を背景の色の後ろに隠すようにします。 –

0

私は申し訳ありませんが、私は1色のborder-radius exclusiveを使用します。もし私が個人的には、その種の国境を欲しければ、ブラウザの違いのために銀行の写真を撮るだろう。

私はこれがあなたが望んでいた答えだとは思わないが、バックアップとして使用することができます;)

関連する問題