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