Grafik legt sich über Overlay

Hallo zusammen,

ich habe für einen prominenten Hinweis mit euf_overlay ein Overlay erzeugt. Das funktioniert prinzipiell auch, aber auf kleineren Displays (iPhone SE 2 oder meinem Xperia XZ2 Compact) schiebt sich das Logo aus dem Hintergrund vor das Overlay. Ich finde aber im CSS nichts, was das verursacht.
Die Seite wurde nicht von mir erstellt, ich habe nur die Pflege übernommen.

Hat jemand eine Idee, warum das so passiert?

URL: https://www.ra-buergel.de/

Anhang 25179

Danke & Gruß

Klaus

z-index in #logo

Code:

---

#logo {
    position: absolute;
    right: 25px;
    top: 35px;
    z-index: 10;
}

---

Ah, danke. Da habe ich den Wald vor lauter Bäumen nicht gesehen.
Mal schauen, ob ich den Z-Index gefahrlos rausnehmen kann. Sonst muss das Overlay weiter nach vorne.

Zitat:

---

Zitat von derRenner

z-index in #logo

Code:

---

#logo {
    position: absolute;
    right: 25px;
    top: 35px;
    z-index: 10;
}

---

---

Nicht nur das Logo legt(e) sich (bei mir) über das Overlay, sondern jeglicher anderer Inhalt auch. Insofern habe ich es mit

Code:

---

.euf_overlay {
    z-index: 100;
}

---

gelöst.

Zitat:

---

Zitat von Zille

Nicht nur das Logo legt(e) sich (bei mir) über das Overlay, sondern jeglicher anderer Inhalt auch. Insofern habe ich es mit

Code:

---

.euf_overlay {
    z-index: 100;
}

---

gelöst.

---

Was denn noch? Oder meinst Du auf einer anderen Seite?

Zitat:

---

Zitat von neelix

Was denn noch? Oder meinst Du auf einer anderen Seite?

---

siehe oben: … legt(e) sich (bei mir) über das Overlay …

Zitat:

---

Zitat von Zille

siehe oben: … legt(e) sich (bei mir) über das Overlay …

---

Ich war mir nicht sicher, ob du mit bei mir, deine Seite oder einen Test auf o.g. Seite meintest.

Zum besseren Verständnis: Ich hatte das Overlay mit einer Verzögerung von wenigen Sekunden eingebunden (was bei dir offensichtlich nicht der Fall ist). Wurde in dieser Zeit nach unten gescrollt, dann wurde das Overlay weiterhin überlagert. Allerdings nunmehr nicht vom Logo, sondern von anderen Elementen. Eben solchen, die auf der Seite weiter unten angeordnet sind – je nachdem, wie weit gescrollt wurde.
Heißt, wenn das Overlay nicht sofort beim Laden der Seite angezeigt wird, sollte ein (höherer) z-Index mitgegeben werden, um eine Überlagerung zu vermeiden.