Zeige meine Div auf über einem anderen Div

Question

Ich habe eine vollständige Kalender-Seite im Außendienst erstellt. Jetzt möchte ich ein Div anhängen, wenn Sie den Mauszeiger über ein Ereignis bewegen. Es funktioniert, aber versteckte div kommen unter einem anderen Ereignis und ich möchte es auf alle oben zeigen.

eventMouseover: function(calEvent, domEvent) { 
        console.log(calEvent.id); 
        console.log(domEvent); 
        $(this).append('<div id="events-layer" style="background-color:white;z-index:99999; overflow-auto;background-repeat: no-repeat;background-position: center;position: absolute;">'+'<table class="tableContent" cellpadding="5"> <tr class="tablerow"> <td class="tablerdata">Event Detail:</td> <td class="tablerdata"> <button type="button" onclick="myFunction()">Delete</button> <button type="button">edit</button> </td> <td>&nbsp;</td> </tr> <tr class="tablerow"> <td class="tablerdata">Assigned To </td> <td class="MiddleCol">fffffffffffffffffff</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Subject</td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Start </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">End </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffffffffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Related To </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> <tr class="tablerow"> <td class="tablerdata">Name </td> <td class="MiddleCol">Griffin</td> <td class="MiddleCol">Griffin</td> </tr> </table>'+'</div>'); 
       } 

Answer 1

Versuchen Sie, die Position des enthaltenden Elements "relative"