WGz
9. Juni 2008 um 07:01
1
Hallo,
im Anschluss an meinen Thread
http://www.html.de/html-und-xhtml/19366-ein-bild-im-ganzen-als-hintergrund.html
jetzt noch die Frage, kann man einen Text oder auch Bilder, Tabellen
mit transparentem Hintergrund über das Hintergrundbild legen?
Werner.
psytec
9. Juni 2008 um 07:39
2
Kurze Antwort: Ja man kann:wink:
WGz
9. Juni 2008 um 08:11
3
… und wie?
Also genauer:
body {
background-image: url(‚bilder/Wolken.jpg‘);
background-repeat: no-repeat;
}
In CSS steht:
#hauptteil {
position:absolute;
top:110px;
left:210px;
width:60%;
background-color:#000080 ; <---- hier liegt das Problem!
color:#FFFF00 ;
}
Nun soll hier:
... ... ...
das Hintergrundbild Wolken.jpg sichtbar bleiben, der
background in #hauptteil also transparent sein.
Wer kann mir da helfen?
Werner.
Du müsstest #hauptteil mittels opacity transparent machen. Das wirkt aber nur in modernen Browsern. Für den IE musst du die CSS-Eigenschaft filter verwenden.
system
9. Juni 2008 um 19:59
5
die antwort müsste richtiger weise heißen:
es geht, wenn du auf kompatibilität pfeifst,
und nein, wenn du standardkonform bleiben willst.
system
9. Juni 2008 um 20:09
6
Ich versteh den ganzen Sinn hier grad nicht, wenn du ne Box Hast die ein Bild als Hintergrund hat, und du in dieser Box noch eine und du möchtest das die keinen Hintergrund hat, dann gib ihr doch einfach keinen!
Dann kannst reinschreiben was du willst und du siehst deine wolken komplett hinter der schrift.
Oder hab ich das Problem missverstanden???
gruß
csstester
psytec
10. Juni 2008 um 07:58
7
Ich versteh den ganzen Sinn hier grad nicht, wenn du ne Box Hast die ein Bild als Hintergrund hat, und du in dieser Box noch eine und du möchtest das die keinen Hintergrund hat, dann gib ihr doch einfach keinen!
Dann kannst reinschreiben was du willst und du siehst deine wolken komplett hinter der schrift.
Oder hab ich das Problem missverstanden???
gruß
csstester
So dachte ich mir das auch. Solange nicht explizit ein Hintergrund definiert wird sind doch alle HTML Elemente vom Grunde her transparent…