Chrome の境界線と半径のジレンマを解決する方法

Chrome の境界線半径のジレンマは解決されました

必要なすべての境界線半径プレフィックスを適用したにもかかわらず、読者は、境界線半径のプレフィックスが丸い角がないという問題を経験しました。 Chrome の #screen 要素は、Firefox と IE9 では最適に動作します。

調査の結果、Chrome の画像トリミングの処理が原因であるとの仮説が立てられました。ただし、この問題は、直接含まれる にのみ影響すると考えられていました。 CSS で定義された背景画像ではなく、タグを使用します。

この複雑な問題の解決策は、シンプルかつ効果的な回避策です。

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

この調整により、コンテナ要素に遠近感が追加され、Chrome のレンダリングが効果的に修正されます。行動。不透明度の調整などの他の回避策とは異なり、この解決策は要素の外観や機能を変更しません。

この回避策を実装することで、読者は Chrome であっても #screen 要素の望ましい丸みを帯びた角を楽しむことができるようになります。

以上がChrome の境界線と半径のジレンマを解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。