Durchscheinender Hintergrund nur für inneres Div

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Antworten
The Lord of Programming
Mitglied
Beiträge: 344
Registriert: 25.05.2003 13:49
Wohnort: Illingen(Württ)
Kontaktdaten:
Kontaktdaten von The Lord of Programming

Durchscheinender Hintergrund nur für inneres Div

Beitrag von The Lord of Programming »

Ich hab in den Hintergrund(body) eine Tilegrafik gelegt. Nun möchte ich, dass dieser Hintergrund nur für die Topic- bzw. Forumliste durchscheint.

Ich habs mit folgendem versucht:

Code: Alles auswählen

ul.forums {
    background: #ffffff;

    /* for IE */
    filter:alpha(opacity=80);
    /* CSS3 standard */
    opacity:0.8;
   /* for FF */
   -moz-opacity: 0.8;
}
Das Problem ist jetzt, dass nun natürlich der (einfarbige) Hintergrund des übergeordneten Div-Elements(der gesamte restliche Inhalt, von Header bis Footer) durchscheint und nicht die Tilegrafik.

Wahrscheinlich kann man das ganze auch erst mal ohne Halbtransparenzen betrachten. Das Ziel soll sein, die Flächen von bestimmten Divs "auszustanzen", damit der Hintergrund zu sehen ist.

Also in vereinfachtem Pseudocode:

Code: Alles auswählen

<body style="background-image">
<!-- Hintergrundgrafik -->

   <div id="contentwrap" style="opaque">
   <!-- Einfarbiger Hintergrund -->

      <div id="topiclist" style="transparent">
      <!-- Hintergrundgrafik scheint durch-->

      </div>
   </div>
</body>
Nach oben
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“