Durchscheinender Hintergrund nur für inneres Div
Verfasst: 19.12.2009 16:21
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:
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:
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;
}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>