Ich habe eine div-Karte, die beim Klicken eine Animation spielt, die die Kartenskalierung enthält, um größer zu sein. Das Problem ist, dass wenn die Karte größer wird, ihre Kanten unter anderen Karten angezeigt werden. Ссылка
Ich konnte das beheben, indem ich der Klasse den Z-Index hinzufügte, der beim Klicken angewendet wurde, aber bei Safari funktionierte das nicht, aber bei Chrome, FireFox und Edge.
%Vor% Es gibt einige Lösungen, wie man das online macht, aber ich habe keine mit Animationen gefunden. Einschließlich der translateZ(1px) , wurde vorgeschlagen, hat aber nicht funktioniert, sowie translate3d(0,0,0);
HTML
%Vor%Ich habe die Karten Zeile für Zeile in einem div angezeigt, zu dem sie per JavaScript hinzugefügt werden.
%Vor%Was ich interessant finde, ist, dass die herangezoomte Karte systematisch unter den anderen Karten angezeigt wird, aber niemals vorbei ist.
Hier ist die Website: Ссылка
Der Z-Index sollte seine Aufgabe erfüllen, da sonst die Positionsregel fehlt.
Damit der z-Index funktioniert, müssen Sie entweder einen der folgenden Werte für die Position festlegen: absolut, relativ oder fest. In diesem Fall das
%Vor%ist erwünscht, nehme ich an.
Tags und Links javascript html jquery css css3
