"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Chrome의 이미지에 대해 Border-Radius가 작동하지 않는 이유는 무엇입니까?

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

2024-11-04에 게시됨
검색:556

Why is Border-Radius Not Working for Images in Chrome?

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

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

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

이 문제를 해결하려면 다음 해결 방법을 구현하십시오.

.element-that-holds-pictures {
   perspective: 1px; /* any non-zero value will work */
}

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

릴리스 선언문 이 기사는 다음과 같이 재현됩니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3