| CSS: Schrift schwarz, Hintergrund transparent |
Al Blank
Quasselstrippe
Threadstarter
Beiträge: 379 |
Hallo an all,
wieder mal ein Problem aufgetaucht, das ich auch im www nicht gelöst bekommen habe.
Ich mach mir Tabellenhintergründe transparent.
1:
2:
3:
4:
5: | .milchglas {
filter: Alpha(Opacity=20);
background-color: #FFFFFF;
border: 1px solid #000000;
} |
Die Schrift wird dadurch auch transparent. Ich dachte wenn ich der Schrift einen seperaten CSS-Style zuweise dann funktioniert es (habs auch mit Opacity=100´versucht), ....dachte ich.
Kennt jemand einen Trick wie das klappen könnte?
Grüße,
Al Blank
|
| Profil
Editieren
Zitieren
|
c3o
Posting-Schinder
Beiträge: 585 |
td {
background-color:white;
-moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2;
filter:alpha(opacity=20);
}
.txt {
position:relative;
-moz-opacity:1; -khtml-opacity:1; opacity:1;
filter:alpha(opacity=100);
}
|
Diese Nachricht wurde geändert von: languitar |
| Profil
E-Mail
Website
Editieren
Zitieren
|
Al Blank
Quasselstrippe
Threadstarter
Beiträge: 379 |
thats it!
P.S.: Was das aber mit position zu tun check ich allerdings nicht ganz
Diese Nachricht wurde geändert von: Al Blank |
| Profil
Editieren
Zitieren
|
c3o
Posting-Schinder
Beiträge: 585 |
languitar, beachte dass da nun steht: [b]position:relative;[/b]
Lass mich doch bitte selbst aussuchen welche bbcodes ich verwend...
Al, eine position-Angabe nimmt das DIV aus der Kaskade heraus, sprich die Eigenschaften werden nicht mehr darauf vererbt. Nochmaliges Testen zeigt dass man da nichtmal die opacity:1-Angaben mehr braucht (was dann eh logisch ist).
Und position:relative ohne weitere Angabe verändert die Position nicht, also bleibts ansonsten unbemerkt.
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
birne
Pixelschubser
Beiträge: 1 |
Leider funktioniert das nur mit dem IE, bei Firefox gehts leider nixht :(
Diese Nachricht wurde geändert von: birne |
| Profil
Editieren
Zitieren
|
Just30DFX
Pixelschubser
Beiträge: 2 |
was kann man ei firefox machen??
ich nutzte ihn nur
bitte um hilfe
---
HTTp://www.hanf-spiel.de/?id=40997
http://www.bier-boerse.com/?ID=14798
|
| Profil
Editieren
Zitieren
|
Ori
Mausakrobat
Beiträge: 162 |
Wie wäre es mit einer transluzenten einfarbigen PNG-Hintergrundgrafik?
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
slobo
Pixelschubser
Beiträge: 2 |
Hallo zusammen!
Habe genau das gleiche Problem. Leider funktioniert das mit nur theoretisch.Wenn vorher mehrere Elemente Positioniert wurden, dann bleibt die Transparenz. Angeblich soll die opacity gar nicht vererbbar sein...
Wer weiß einen Rat?
Danke schon mal!!
Slobo
|
| Profil
Editieren
Zitieren
|
Ori
Mausakrobat
Beiträge: 162 |
Ori schrieb am 12.05.2007 13:52
Wie wäre es mit einer transluzenten einfarbigen PNG-Hintergrundgrafik? |
|
| Profil
E-Mail
Website
Editieren
Zitieren
|
slobo
Pixelschubser
Beiträge: 2 |
Hallo!
Danke für die Antwort! Habe das Ganze tatsächlich mit PNG24 als Hintergrundgrafik gelöst. Und habe sowohl die DIVs für die Hintergründe als auch die DIVs für den Inhalt "absolute" positioniert. In den CSS habe ich dann die opacity (FF etc.) und den Alphakanal (IE) für die HintergrundPNGs auf entsprechende Werte gesetzt.
Funktioniert prima!!!
Grüsse und Danke
Slobo
|
| Profil
Editieren
Zitieren
|
FrankL
Pixelschubser
Beiträge: 1 |
Hey, nachdem Google mich in diesen Thread geführt hat hoffe ich mal ihr könnt mir weiter helfen. Allem Anschein nach gibt es verschiedene Ansätze um mit oder ohne CSS die Transparenz von Boxen zu definieren . Leider ist keine von den in diesem Artikel angegeben Lösungen für alle Browser geeignet und trotzdem valide. Darum meine Frage an die Profis hier: Gibt es eine valide Lösung bei der auch der IE 6 mit spielt?
|
| Profil
E-Mail
Editieren
Zitieren
|
