"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Child Div가 크롬의``오버 플로우 : 숨겨진 '및'Border-Radius '로 부모 Div를 오버 플로우하는 이유는 무엇입니까?

Child Div가 크롬의``오버 플로우 : 숨겨진 '및'Border-Radius '로 부모 Div를 오버 플로우하는 이유는 무엇입니까?

2025-02-06에 게시되었습니다
검색:888

 Why Does Scaling a Child Div Overflow a Parent Div with `overflow: hidden` and `border-radius` in Chrome?

전환 문제

는 처음에 추가 된 것으로 생각되었습니다. CSS 전환은 문제를 해결합니다. 그러나이 접근법은 비효율적이었다.

솔루션

이 문제에 대한 해결책은 변환을 적용하는 데있다 : Translatez (0)는 래퍼 요소에있다. 이 CSS 속성은 렌더링 성능을 향상시키고 오버 플로우 문제를 제거하는 하드웨어 가속을 강요합니다.

왜 작동 하는가

transform : translatez (0) 트리거 하드웨어 가속화를 트리거합니다. GPU, 브라우저가 렌더링을 위해 전용 그래픽 리소스를 활용할 수 있습니다. 이로 인해 변환의 효율성과 정확성이 향상되어 이미지가 컨테이너가 넘쳐나는 것을 방지합니다.

이 기술에 대한 자세한 내용과 변환의 성능에 대한 자세한 내용은 다음과 같습니다. Translatez (0), 제공된 CSS 성능 기사를 참조하십시오. &&&]
최신 튜토리얼 더>

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

Copyright© 2022 湘ICP备2022001581号-3