Firefox 3D CSS 변환에서 들쭉날쭉한 가장자리를 수정하는 방법은 무엇입니까?

3D CSS 변환: Firefox에서 들쭉날쭉한 가장자리 다루기

Chrome CSS 변환에서 들쭉날쭉한 가장자리 문제와 동시에 비슷한 문제가 발생합니다. 3D 변환 중 Firefox를 사용합니다. 그림은 JSFiddle(Firefox 전용): http://jsfiddle.net/78dK/5/에서 찾을 수 있습니다.

Chrome과 달리 backface-visibility는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!