Moin, moin
und danke für die Aufnahme ins Forum!
Kurz die Basics:
HTML
<body>
<div id="opacity">
<div id="wrapper">
<nav>
...
</nav>
<div id="dynamisch">
<!-- Ab hier dynamischer Inhalt --> <?php include ($app->getPage()); ?>
</div> <!-- EOF dynamisch -->
</div> <!-- EOF wrapper -->
</div> <!-- EOF opacity -->
</body>
Alles anzeigen
CSS
body{
background-color: #ababab;
}
#opacity{
background-image: url(../pic/pic.png);
opacity: 0.3;
}
#wrapper{
margin: 0 auto;
width: 960px;
}
Alles anzeigen
Und hier die Frage: Wieso hat der Inhalt von "wrapper" die für "opacity" festgelegte opacity?
Auch eine Aufhebung mit:
bringt keine Änderung.
Im 3D Modell ist deutlich zu sehen, dass die opacity (wie gewünscht) auf dem <div = id="opacity"> wirkt, also das background-image abschwächt und die background-color von <body> durchscheinen lässt.
Mit Einbindung von <div id="wrapper" & <?php include ($app->getApp()); ?> 'schlägt' opacity aber auf alle darüber liegenden Ebenen durch, was eigentlich nicht sein dürfte.
Wo ist der Denkfehler?