Sobresalir efecto hover de una lista de menú usando CSS en una función PHP

hola a todos , tengo un problema

en una lista de menu hay un efecto hover el cual se acerca la flecha del mouse muestra una div flotante , pero el problema es que ese codigo esta dentro de una funcion php y cuando la llamo al index el efecto hover no sobre sale de la funcion llamada

un ejemplo de esta imagen


como ven donde esta la flecha la ventana azul no sobresale a la derecha

¿hay alguna forma que sobre salga con css?


saludos

Prueba poniendole esta clausula css al div flotante: z-index: 1000

El z-index indica el orden de aplilamiento de los elementos, un número mayor indica que ese elemento está "por encima" de cualquier otro elemento html con un número menor.

Avisas que tal va, saludos! :encouragement:

usa la etiqueta z-index: 1000; o de ahí dependerá la profundidad que tu quieras , 1000 estaría por ensima de 999 y así 😛

z-index sirve para eso, pero no me queda claro lo que quieres hacer con la funcion exactamente.
Se mas especifico.

Has indicado que se ejecute esa función al pasar por encima el cursor? No sería mejor en javascript?