Bagaimana untuk Membetulkan Tepi Bergerigi dalam Transformasi CSS 3D Firefox?

Transformasi CSS 3D: Menangani Tepi Bergerigi dalam Firefox

Sejajar dengan isu tepi bergerigi dengan transformasi CSS Chrome, masalah yang sama timbul dengan Firefox semasa transformasi 3D. Ilustrasi boleh didapati di JSFiddle ini (khusus Firefox): http://jsfiddle.net/78dK/5/.

Tidak seperti dalam Chrome, backface-visibility tidak menyediakan penyelesaian dalam Firefox.

Penyelesaian:

Penyelesaian 1 (Atribut Garis Besar):

Untuk penyelesaian yang lebih universal, pertimbangkan untuk menambah atribut garis besar telus:

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

Pendekatan ini telah disahkan pada Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/.

Penyelesaian 2 (Atribut Sempadan):

Sebagai alternatif, anda boleh menambah atribut sempadan dengan warna yang sepadan dengan latar belakang:

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

Pilihan ini berkesan apabila warna latar belakang diketahui (mis., putih dalam kes ini) : http://jsfiddle.net/LPEfC/.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Tepi Bergerigi dalam Transformasi CSS 3D Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!