Wie verhindert man ein Überlaufen der Transformationsskala in Chrome mit „Overflow: Hidden“ und „Border-Radius“?

Transformationsskalierung läuft in Chrome über

In CSS3 kann es beim Anwenden von transform:scale auf Zoomeffekte auf untergeordnete Elemente zu Problemen kommen wenn das übergeordnete Div über einen Überlauf verfügt: ausgeblendet und der Randradius angewendet. Dies kann dazu führen, dass das untergeordnete Element über die Grenzen des übergeordneten Divs hinausgeht.

Um dieses Problem zu beheben, versuchen Sie, transform: translatorZ(0) zum Wrapper-Element hinzuzufügen. Diese Technik hilft bei der CSS-Leistung und kann in diesem Fall verhindern, dass das untergeordnete Element das übergeordnete div überläuft. Weitere Informationen zu TranslateZ(0) finden Sie unter dem empfohlenen Link.

Das obige ist der detaillierte Inhalt vonWie verhindert man ein Überlaufen der Transformationsskala in Chrome mit „Overflow: Hidden“ und „Border-Radius“?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!