Firefox 3D CSS 変換でギザギザのエッジを修正する方法?

3D CSS 変換: Firefox のギザギザエッジに取り組む

Chrome CSS 変換でのギザギザの問題と並行して、同様の問題が発生します。 3D 変換中は Firefox を使用します。図は、JSFiddle (Firefox 固有): http://jsfiddle.net/78dK/5/ にあります。

Chrome とは異なり、Firefox では背面の可視性は解決策を提供しません。

回避策:

回避策 1 (アウトライン属性):

より汎用的な解決策として、透明なアウトライン属性を追加することを検討してください。

<code class="css">outline: 1px solid transparent;</code>

このアプローチは Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/ で検証されています。

回避策 2 (境界線属性):

または、背景に一致する色の境界線属性を追加できます:

<code class="css">border: 1px solid white;</code>

このオプションは、背景色がわかっている場合に有効です (たとえば、この場合は白)。 : http://jsfiddle.net/LPEfC/.

以上がFirefox 3D CSS 変換でギザギザのエッジを修正する方法?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。