Hallo Zusammen,
auf der Seite https://www.quality-lifestyle.de/gregor-wojtowicz/ nutze ich bei den Zertifikaten Tooltips, die Zeugnisse etc. anzeigen, wenn man mit der Maus drüber fährt. Nun werden diese jedoch beispielsweise von der Überschrift "Meine Coaching Schwerpunkte" und den Elementen darunter überlagert, obwohl die Tooltips in der CSS Anweisung einen z-Wert von 9999 haben. Jemand eine Idee, woran das liegt?
Anbei das genutzte CSS für die Toltips
CSS
a.tooltipblau:hover,span.tooltip:hover {
text-decoration: none
}
a.tooltipblau,
hr,
span.tooltip {
outline: 0
}
a.tooltipblau span {
z-index: 9999;
display: none;
padding: 3px;
margin-top: -120px;
margin-left: 28px;
width: 400px;
line-height: 16px
}
a.tooltipblau:hover span {
display: inline;
color: #111;
border: 1px solid #DCA;
position: absolute
}
a.tooltipblau:hover span {
background: #004CA0
}
.callout {
z-index: 20;
position: absolute;
top: 120px;
border: 0;
left: -12px
}
a.tooltipblau span {
border-radius: 4px;
box-shadow: 5px 5px 8px #CCC
}
.photo_wrapper {
border: 3px solid #004CA0!important;
border-radius: 15%!important
}Vielen Dank und viele Grüße,
Gregor