WebKit 브라우저에서 테두리 반경과 관련된 잘리지 않은 이미지 문제를 해결하는 방법은 무엇입니까?

이미지 트리밍 시 WebKit 테두리 반경 문제

Chrome과 같은 WebKit 기반 브라우저에서 배경 이미지가 있는 요소에 둥근 테두리를 적용하는 경우, border-radius 속성이 있음에도 불구하고 이미지가 잘리지 않은 것처럼 보이는 문제가 사용자에게 발생할 수 있습니다. 이 문제는 Chrome 브라우저에서 특히 두드러집니다.

이 문제를 해결하기 위해 해결 방법이 개발되었습니다.

• 다음 CSS 규칙을 포함하는 요소에 추가하세요. 이미지:

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

이 해결 방법은 효과가 있을 수 있는 opacity:0.99 해결 방법과 달리 요소의 시각적 표시에 영향을 주지 않습니다.

위 내용은 WebKit 브라우저에서 테두리 반경과 관련된 잘리지 않은 이미지 문제를 해결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!