So, ich starte einen neuen Thread zu dem Thema weil der alte in die falsche Richtung gibg da ich zuerst einen unrealisierbaren Asatz verfolgt habe.
Ist Sitation:
Ich verwende ein Plugin, das einen Seitenweiten Backgroundwechsel macht. Heißt Responsive Backgroud Slider. Zuerst dahte ich, es würde sich via css in das body-Tag einhaken. Macht es aber nicht. Es platziert einen div-container im Footer und spannt den über die ganze Seite bzw. setzt ihn mit z-index: -1; nach hinten.
Der Plan:
Auf bestimmten Unterseiten (Galerieseiten) soll der Hintergrund abgedimmt werden damit er die Galerien nicht stört. Dazu will ich einen div-container mit schwarzen, halbtransparenten hintergrund füllen, ebenfalls über die ganze Seite spannen und ebenfalls mit z-index hinter alle Bedienelemente aber vor den Bilderbackground (außer Footer) legen.
Das Problem: Es klappt nicht. Da es nur auf bestimmten Seiten der Fall sein soll, kann ich die Veränderungen nur in templates vornemen. Ich habe nun im template page-haupt.php einen div-container mit der id="overlay1" angelegt und über das stylesheet mit folgenden Werten versorgt:
#overlay1 {
position: absolute;
overflow: hidden;
width: 100%;
min-height: 100%;
z-index: 0;
background: rgba(0,0,0,0.7);
}Das Overlay ist auch da....allerdings umspannt es offenbar nur den Headerbereich.
Hat jemand ne Idee wie ich das ändern kann?