Chrome の #screenQuery で Border-Radius が機能しないのはなぜですか?

#screen の Webkit で Border-Radius が無視される

Query

#screen 要素の border-radius プロパティで説明のつかない問題が発生するGoogle Chrome を使用すると、この要素は存在しなくなりますが、Firefox や IE9 などのブラウザではそのような問題は発生しません。

解決策

必要なすべてのブラウザ プレフィックスと標準のボーダー半径構文を適用しているにもかかわらず、要素は失敗します。角を丸めてレンダリングします。原因は Chrome のレンダリング エンジン内のバグです。これを解決するには、次の回避策を実行します。

<code class="css">.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}</code>

この非侵入的な修正により、opacity:0.99 の回避策とは異なり、表示の整合性が維持されます。

以上がChrome の #screenQuery で Border-Radius が機能しないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。