Mit z-index den Text über das Bild legen und dem Div keine Hintergrund-Farbe oder -Grafik geben. (Auch keine vererbte)
Hallo,
ich möchte auf einer Webseite "halbtransparente" Divs verwenden. Sprich: Der Hintergrund soll etwas "durchscheinen".
Derzeit habe ich das für den Opera, Firefox etc. so geregelt:
(shiny.png ist ein weißes Bild mit rund 30% Deckkraft)HTML-Code:.shiny { background-image:url(shiny.png); background-repeat:repeat; }
Nun gibt's da auch noch für den Internet Explorer folgendes:
Doch scheinbar funktioniert das nur bei Bildern. Kann man da irgendwie tricksen so das das auch bei der Div-Box funktioniert?HTML-Code:<img src="weiss.gif" style="filter:Alpha(opacity=30);" />
Mit z-index den Text über das Bild legen und dem Div keine Hintergrund-Farbe oder -Grafik geben. (Auch keine vererbte)
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]
use my HTML-Tester
Motto'06: Mut zur deutschen Sprache!
So habe ich das jetzt hinbekommen.Code:div.shiny { width: 200px; height:200px; } * html div.shiny { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='shiny.png', sizingMethod='scale'); } html > body div.shiny { background-image: url(shiny.png); background-repeat:repeat; }
Danke dir trotzdem.
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)