14.06.2005, 16:05
|
|||
|
|||
Transparenz-Vererbung
Hi CSS-Freunde,
freut mich dabei sein zu dürfen!  Hier mal mein 1.Problem: Wie kann ich die Vererbung eines transparenten Hintergrundes aufheben? - Das Problem ist, daß ich einen DIV-Layer als Fenster, aber den Hintergrund leicht transparent haben möchte. Sobald sich Inhalt im DIV-L befindet, wird dieser auch transparent - und das soll nicht sein. Jetzt musste ich was umständlich zusammen friemeln und habe DIV-L übereinander gelegt -> Hintergrund, Kopfbereich, Content Beispiel: HTML Code:
<div class="left-navi-top">
<div class="ichmag"></div>
</div>
<div class="left-navigation">
<div class="left-content">
Link 1
Link 2
Link 3
Link 4
</div>
</div>
CSS Code:
.left-navi-top {
z-index:10;
position:absolute;
margin-top:10px;
margin-left:10px;
width:140px;
height:15px;
background-color:white;
filter:alpha(opacity=85); -moz-opacity: 0.85;
border:1px dotted grey;
}
.ichmag {
z-index:12;
position:absolute;
width:66px;
height:35px;
margin-top:-5px;
margin-left:33px;
background-image:url(images/screendesign/ichmag.gif);
background-repeat:no-repeat;
background-position:top center;
}
.left-navigation {
z-index:9;
position:absolute;
margin-top:25px;
margin-left:10px;
width:140px;
height:200px;
border-left:1px solid #B34D4D;
border-right:1px solid #B34D4D;
border-bottom:1px solid #B34D4D;
}
.left-content {
z-index:11;
position:absolute;
width:100%;
height:100%;
background-color:white;
filter:alpha(opacity=75); -moz-opacity: 0.75;
text-align:center;
}
 Freu mich über jede Hilfe! Viele Grüße, GraFire 
|
| Sponsored Links |
|
14.06.2005, 16:08
|
|||
|
|||
|
__________________
</ulle>
|
| Sponsored Links |
|
14.06.2005, 16:09
|
|||
|
|||
|
Re: Transparenz-Vererbung
Zitat:
sie macht das gesamte element (teil-)transparent. wenn du lediglich einen teiltransparenten hintergrund haben willst, dann musst du natürlich auch mit den CSS-eigenschaften für hintergründe arbeiten, genauer gesagt hintergrundbilder, PNG mit alpha-transparenz.
|
|
14.06.2005, 16:12
|
|||
|
|||
|
__________________
</ulle>
|
|
14.06.2005, 16:18
|
|||
|
|||
|
hmmm... es geht wohl doch nicht. Dann war mein Weg ja richtig. Nur schlecht für den Inhalt im Layer --> Layer kann sich dann nicht mehr an den Inhalt anpassen... und dat is sehr schlecht.
Nunja, dann vielleicht auf ein Neues...*heul* vielen Dank nochmal, mfg GraFire
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| IE - runde Ecken mit Transparenz ohne Grafiken? | freshUser | CSS | 19 | 17.03.2011 21:55 |
| Transparenz IE8 - häßliche Schrift IE6/7 | hubspe | CSS | 16 | 03.02.2011 14:20 |
| Problem mit Transparenz im IE8 | Chuwi | CSS | 11 | 26.11.2010 08:00 |
| Transparenz bei DIV in DIV | Dylan | CSS | 1 | 23.11.2010 20:23 |
| Transparenz eines divs wirkt sich auf inliegende aus | bcit6k | CSS | 2 | 10.03.2006 14:38 |
Linear-Darstellung
