Hallo zusammen,
bin gerade dabei eine neue Webseite zu gestalten und habe nun ein kleiner Problem.
Der
Hintergrund meines Textes soll leicht transparent sein, der darin
enthaltene Text sowie das Bild sollen jedoch keine bzw. eine geringere
Transparenz aufweisen.
Habe im Web schon viel gesucht, wuch etwas
gefunden, das aber wirkt nur beim IE 8, nicht bei neueren Versionen und
auch nicht bei Firefox, Chrome und Opera.
Die Testseite könnt ihr unter http://reiseberichte-und-fotografie.de/test.htm betrachten, der dazugehörende CSS Code lautet:
#texthintergrund {
/* für IE 6 - 8 */
background: lightslategray;
opacity: 08;
filter:Alpha(Opacity=80);
/* ab IE (9) */
background: white; opacity: .8; filter:Alpha(Opacity=80);
}
#text {
width:880px ; font-family: Helvetica; padding-left:35px; padding-bottom: 20px;
}
#text img {
float:right; margin-left:20px; margin-bottom:20px; margin-top:10px; position:relative;
/* für IE 6 - 8 */
opacity: 0.9;
filter:Alpha(Opacity=90);
/* ab IE (9) */
opacity: 0.7; filter:Alpha(Opacity=90);
-moz-opacity: 0.7;
-webkit-opacity: 0.7;
z-index: 999;
Alles anzeigen
Gibt es da eine Lösung für das Problem oder muss ich mir einfach ne andere Art von Gestaltung einfallen lassen?
Danke schon mal
Gruß
Stefan
EDIT: Den Wald vor lauter Bäumen nicht gesehen. Dank rgba funktioniert alles wunderbar