Heim  >  Artikel  >  Web-Frontend  >  Warum verschiebt sich mein Bild beim Schweben in Chrome trotz der Deckkraft-Styling nach rechts?

Warum verschiebt sich mein Bild beim Schweben in Chrome trotz der Deckkraft-Styling nach rechts?

DDD
DDDOriginal
2024-10-26 01:36:02680Durchsuche

Why Does My Image Shift Right on Chrome Hover, Despite Opacity Styling?

Bild bewegt sich beim Bewegen des Mauszeigers: Lösung des Chrome-Deckkraftproblems

Wenn Sie den Mauszeiger über Miniaturansichten auf einer bestimmten Webseite bewegen, verschiebt sich das Bild merklich ausschließlich nach rechts auf Chrome. Dieses Problem tritt trotz der Definition von Deckkraftwerten für den Bildstil auf.

Um dieses Problem zu beheben, wenden Sie -webkit-backface-visibility: versteckt; Die Eigenschaft des schwebenden Elements löst das Problem. Diese Eigenschaft behebt ein Chrome-spezifisches Verhalten im Zusammenhang mit der Transformation, das sich scheinbar auf die Position des Bildes auswirkt, wenn die Deckkraft angepasst wird.

Weitere Erläuterungen finden Sie im CSS-Tricks-Leitfaden zur Sichtbarkeit der Rückseite unter https://css -tricks.com/almanac/properties/b/backface-visibility/.

Das obige ist der detaillierte Inhalt vonWarum verschiebt sich mein Bild beim Schweben in Chrome trotz der Deckkraft-Styling nach rechts?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn