Z-Index Tooltip innerhalb div Hover-Effekt

Question

Auf einem div-Element habe ich einen expandierenden Hover-Effekt, so dass es höher, breiter und ein Schatten gibt es einen Z-Index von 1, so dass es über andere Div-Elemente erscheint.

In diesem div verwende ich eine Werkzeugspitze (tipso). Dies ist nur sichtbar, wenn ich ihm einen Z-Index von 2 (oder mehr) gebe, aber wenn ich (versehentlich) über die Werkzeugspitzenblase schwebe, verschwindet der expandierende Hover-Effekt vom div.

Sehr logisch natürlich, weil die Tooltip-Blase einen höheren Z-Index hat.

Ich habe versucht, der Tooltip einen Z-Index von 1 zu geben, aber dann wird es überhaupt nicht angezeigt.

Irgendwelche Gedanken?

Answer 1

Ich weiß nicht genau, wie Sie es tun - js oder css. Aber um dieses Verhalten zu erreichen, wirst du wahrscheinlich Javascript benutzen müssen.

Wenn sich der Tooltip in den div mouseenter und mouseleave Events befindet, kann dies die beste Lösung sein.