Transparenz über einen Header legen

[koter]

Hallo AKKA,

Mir wurde gerade verklickert, dass - auch wenn ich das mit den Ebenen begreifen würde, es mir nichts bringt. Ich könnte trotzdem mein Hintergrundbild nicht sehen, weil im Header noch ein paar Elemente davor sind. Das ist jetzt von mir, etwas laienhaft erklärt.

Die Elemente sind nicht vor sondern hinter dem Header.
Das macht aber nichts.
Du kannst das Hintergrundbild (hgdana4.jpg) einfach noch einmal in den Header setzen und es so fixieren und positionieren, das der Eindruck entsteht, der Header wäre transparent:



Das ginge mit einer Änderung in Deiner style.css

Code:

.theheader {
    width: 100%;
    line-height: 84px;
    background-color: #b1a188;
    /*background: url("./styles/akkathewitch/theme/images/headerdana.gif");*/
    background: url("./styles/akkathewitch/theme/images/hgdana4.jpg");
    background-attachment:fixed;
    background-position: center top;
    color: #A8825F;
    text-align: center;
    font-size: 16px;
    font-weight: bolder;
    text-shadow: 4px 4px 4px #F0E1C0;
}

Dann kannst Du ein halbtransparentes Bild davor setzen.
Wie man das mit PI erstellt, wirst Du in diesem Forum (in dem neuen Thread) erfahren. Da bin ich mir ziemlich sicher.

Gruß

Koter