Chrome의 이미지에 대해 Border-Radius가 작동하지 않는 이유는 무엇입니까?

Border-Radius가 WebKit에서 이미지를 표시하지 않음

모든 접두사와 표준 구문을 사용하여 #screen 요소에 border-radius 스타일을 적용했음에도 불구하고, 해당 요소는 Google Chrome에서는 그대로 유지되지만 Firefox 및 Internet Explorer 9에서는 예상대로 나타납니다. 이 문제는 Chrome에서 이미지 테두리 자르기를 처리하는 버그로 인해 발생합니다.

Chrome 버그 해결을 위한 해결 방법 :

이 문제를 해결하려면 다음 해결 방법을 구현하세요.

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

이 기술은 요소의 관점을 수정하여 렌더링 엔진이 올바르게 작동하도록 합니다. 불투명도를 0.99로 설정하는 등의 다른 해결 방법과 달리 요소 표시에는 영향을 주지 않습니다.

위 내용은 Chrome의 이미지에 대해 Border-Radius가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!