Comment empêcher le débordement de l'échelle de transformation dans Chrome avec Overflow : Hidden et 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!