Similary do "css transform, jagged edges in chrome", samo dzieje się z Firefoksa na 3D przekształca np: http://jsfiddle.net/78d8K/5/ (< - pamiętaj: Firefox)3D CSS przekształcić, postrzępione krawędzie Firefox
Tym razem backface-visibility nie pomaga: (
Każdy pomysł
Zmieniano odpowiedź: (po komentarzach)
"Obejście" dodaj przejrzystego zarys atrybut:
outline: 1px solid transparent;
testowane na Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/
odpowiedź oryginalny: (background-color zależny)
"Obejście", dodaj granica atrybut z tym samym kolorem tła (białego tym przypadku):
border: 1px solid white;
Testowane na Firefox 10.0.2 Windows 7: http://jsfiddle.net/LPEfC/
Interesujący :) i faktycznie działa na przykładzie ... z wyjątkiem gdy tło nie jest już białe: http://jsfiddle.net/LPEfC/1/ Próbowałem z 'border-width: 0' lub' border-color: transparent' lub 'border-color: rgba (255,255,255,0)' aby trik był niezależny od tła - ale już nie działa ... - Ale ciekawe obejście, thx! – abernier
Przeczytaj ponownie moją odpowiedź, umieść kolor "swojego tła" na granicy –
Jeśli nie masz innej odpowiedzi, otrzymasz nagrodę :) – abernier
Jeśli chcesz, aby zapobiec wygładzona granica
Poniżej działało mi lepiej
border: 1px solid rgba(0, 0, 0, 0.1);
jeśli krawędź powinna być wyraźnie widoczna, to może nie być idealnym rozwiązaniem, w którym lepiej trzymać się odpowiedzi @ Juana.
Poniżej znajduje się zrzut ekranu zrobione z kostki zwrotnym
Oto zaktualizowana wersja ze wsparciem Webkit: http://jsfiddle.net/78d8K/6/ – Blender
nie dbają o WebKit tutaj (co jest w porządku), chodzi o Firefox tutaj :) – abernier
Głosuj na błąd tutaj: https://bugzilla.mozilla.org/show_bug.cgi?id=766345 – HRJ