Maison  >  Article  >  interface Web  >  Comment empêcher le débordement de l'échelle de transformation dans Chrome avec Overflow : Hidden et Border-Radius ?

Comment empêcher le débordement de l'échelle de transformation dans Chrome avec Overflow : Hidden et Border-Radius ?

Susan Sarandon
Susan Sarandonoriginal
2024-10-26 05:04:02676parcourir

 How to Prevent Transform Scale Overflowing in Chrome with Overflow: Hidden and Border-Radius?

Débordement de l'échelle de transformation dans Chrome

Dans CSS3, lors de l'application des effets de transformation : échelle pour zoomer sur les éléments enfants, il peut y avoir des problèmes si le div parent a un débordement : caché et border-radius appliqué. Cela peut amener l'élément enfant à s'étendre au-delà des limites du div parent.

Pour résoudre ce problème, essayez d'ajouter transform: translateZ(0) à l'élément wrapper. Cette technique améliore les performances CSS et, dans ce cas, elle peut empêcher l'élément enfant de déborder du div parent. Voir le lien recommandé pour plus de détails sur TranslateZ(0).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn