"We are back" « oc.at

CSS: Background transaprent, Text + Borders nicht.

semteX 26.05.2006 - 20:00 713 3
Posts

semteX

hasst die KI
Avatar
Registered: Oct 2002
Location: Pre
Posts: 14964
ich hab offenbar das system hinter css no immer ned ganz durchblickt und bin im moment a zu blöd google richtig zu benutzen.

geht um folgendes: ich hab auf ner seite ne hintergrundgrafik. über dieser befinden sich boxen, die haben ne hintergrundfarbe. verdecken somit die grafik vollständig. jetzt sollte die hintergrundfarbe der boxen weniger deckkraft bekommen, um die grafik noch sehen zu können.

Allerdings sollte das ganze NICHT den Text und NICHT die Borders in der Box beeinflussen.

die 2 css teile:

Code:
div#normtext {
text-align:left;
opacity: 1;
filter: Alpha(opacity=100);
}

div#box {
width: 525px;
text-align:left;
padding-top:25px;
padding-bottom: 5px;
padding-left: 30px; 	
opacity: .25; 
filter: Alpha(opacity=25);
background: #e8edf3;
border: 1px solid #000000
}
das ganze ding schaut dann in etwa so aus:

<div id="box"><div id="normtext">blahrblahr</div></div>

tut aber leider seinen zweck ned...

thsx.

Spikx

My Little Pwny
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13497
Da wirst um ein drittes div glaub ich nicht herumkommen.

semteX

hasst die KI
Avatar
Registered: Oct 2002
Location: Pre
Posts: 14964
wieso, das hab i ja jetzt eh a scho so... der ausgabecode ist so:

Code: PHP
<div id="box">
<div id="normtext">
  <h1>I rock</h1>
  <div class='text'><br>News news Extranwes.<br />
                    <br />
                    I rock!<br />
                    bla bla text bla bla bla bla bla bla bla                  
                    blahrfasel.
  </div><br>
  <p style="clear: left;">
  <a href='newsedit.php?id=17'>Edit</a> 
  <a href='newsdel.php?id=17'>del</a>
  </p>
</div>
</div>

ausschaun tuts dann so:

click to enlarge

das syle = clear brauch ich btw, weil bei manchen posts ein "fliesstext" vorhanden ist.

edit: Online kann ich im moment leider nix zeigen weil server hinter nem win2k server steht...

Spikx

My Little Pwny
Avatar
Registered: Jan 2002
Location: Scotland
Posts: 13497
3tes div meinte ich wegen Auftrennung von border und background.
Aber es hat den Anschein, dass die opacity Werte der Elemente in #box nicht wieder zurückgesetzt werden können, sondern vom neuen opacity Wert ausgegangen wird.

//so des is jetzt moi mei Lösung ;)
Bearbeitet von Spikx am 27.05.2006, 11:29
Kontakt | Unser Forum | Über overclockers.at | Impressum | Datenschutz