CSS: Background transaprent, Text + Borders nicht.

Seite 1 von 1 - Forum: Coding Stuff auf overclockers.at

URL: https://www.overclockers.at/coding-stuff/css_background_transaprent_text_borders_nicht_163529/page_1 - zur Vollversion wechseln!

semteX schrieb am 26.05.2006 um 20:00

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 schrieb am 26.05.2006 um 20:32

Da wirst um ein drittes div glaub ich nicht herumkommen.

semteX schrieb am 27.05.2006 um 10:37

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:

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 schrieb am 27.05.2006 um 10:58

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