Div Hintergrund transparent Vordergrund nicht

[b1zarRe]

Hi,

ich habe das folgende Problemchen:
Ich habe einen Div erstellt, welcher eine Opacity von 0.5 hat.
Darin ist nun ein Text, welcher durch die Einstellung des Divs
auch weniger Deckkraft erhält.

Mir stellt sich nun die Frage, wie ich den Hintergrund weiterhin
die o.g. Deckkraft geben kann, sodass aber der Vordergrundtext
gut lesbar ist...?

Danke euch!

 

[Trüffelkrieger]

Indem du den Text mit CSS ansprichst, und ihm eine Deckkraft von 1 gibst. (Ein wenig Code wäre für detailliertere Antworten von Nöten).

 

[b1zarRe]

---- HTML ----

<!-- Rightbox -->
<div id="rightbox">
<h1>Willkommen</h1><p>
Sehr sehr viel Text hier.
<div>


---- CSS ----

/* Rightbox */
#rightbox {
position: relative;
width: 415px;
height: 410px;
background-color: #f1f1f1;
opacity: 0.5;
border: 1px grey solid;
padding: 20px;
overflow: auto; 
}

 

[Trüffelkrieger]

#rightbox h1, #rightbox p{
opacity:1;
}

 

[b1zarRe]

Super, Vielen Dank!!!

 

[threadi]

Nein, das geht nicht. Die opacity eines umgebenden Elementes kann durch darin liegende Elemente nicht überschrieben werden. Wenn Du einen transparenten Hintergrund hast, solltest Du "background-color" mit "rgba()" oder transparente Bilder verwenden.