CSS: Background transaprent, Text + Borders nicht.
semteX 26.05.2006 - 20:00 713 3
semteX
hasst die KI
|
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: 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
|
Da wirst um ein drittes div glaub ich nicht herumkommen.
|
semteX
hasst die KI
|
wieso, das hab i ja jetzt eh a scho so... der ausgabecode ist so: <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
My Little Pwny
|
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
|