Chrome 테두리-반경 딜레마를 해결하는 방법

Chrome의 테두리-반경 딜레마 해결

필요한 모든 테두리-반경 접두사를 적용했음에도 불구하고 독자들은 둥근 모서리가 없는 문제를 경험했습니다. #screen 요소는 Firefox 및 IE9에서 최적으로 작동하지만,

조사 결과 Chrome의 이미지 트리밍 처리가 원인이라는 가설이 세워졌습니다. 그러나 이 문제는 직접적으로 포함된 태그는 CSS를 통해 정의된 배경 이미지가 아닙니다.

이 복잡한 문제에 대한 해결책은 간단하면서도 효과적인 해결 방법입니다.

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

이 조정은 컨테이너 요소에 관점을 추가하여 Chrome의 렌더링을 효과적으로 수정합니다. 행동. 불투명도 조정과 같은 다른 해결 방법과 달리 이 솔루션은 요소의 모양이나 기능을 변경하지 않습니다.

이 해결 방법을 구현하면 독자는 이제 Chrome에서도 #screen 요소에 대해 원하는 둥근 모서리를 즐길 수 있습니다.

위 내용은 Chrome 테두리-반경 딜레마를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!