Halbtranzaprente Grafiken

Electrohunter · #1 (**permalink**) 20.12.2007, 14:21

Als ich nach einer Stunde fast verrückt wurde, warum mein GIF nicht halbtransparent wird, habe ich herausbekommen, dass das gar nicht geht. Möglich ist das nur bei PNG's. Dann habe ich festgestellt, dass PNG's im Explorer bis IE 7 nicht funktionieren. Nun habe ich einiges in Google gefunden, wie ich das über Javascript umgehen kann. Doch bei mir klappt das einfach nicht. Ich habe wirklich alles versucht. Im IE6 bleibt der Hintergrund grau.

Nun meine Frage, wer kann helfen? In Firefox, IE7, Opera und Safari klappt es mit PNG's.

Electrohunter · #2 (**permalink**) 20.12.2007, 15:04

Hat das jemand mal ausprobiert? warum funktioniert das bei mir nicht?

Transparente PNG-Grafiken im Internet Explorer 6 - Programmierung - Visualhype

andip · #3 (**permalink**) 20.12.2007, 15:30

Zitat:

Zitat von Electrohunter

warum funktioniert das bei mir nicht?

wer kann das schon wissen? stelle doch deinen bisherigen versuch online.

Electrohunter · #4 (**permalink**) 20.12.2007, 15:33

was soll ich denn Online stellen? Die Grafik nennt sich background.png und das hier habe ich den Header gesteckt:

Code:

<style type="text/css">
#layer {
background-image:url(grafik/background.png);
}
</style>
<!--[if IE 6]>
<style type="text/css">
#layer {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='grafik/background.png', sizingMethod='scale');
background:none;
}
</style>
<![endif]-->

Auf der Seite wird unten darauf hingewiesen, dass die Leerzeile nach DXImage weg muss, das habe ich alles gemacht, trotzdem passiert nichts bei mir.

andip · #5 (**permalink**) 20.12.2007, 15:43

Zitat:

Zitat von Electrohunter

was soll ich denn Online stellen?

ein funktionierendes testcase. kein mensch weiss, warum es bei «dir» nicht funktioniert.
linktipp

Electrohunter · #6 (**permalink**) 20.12.2007, 15:46

Ich habe doch geschrieben, dass ich diesen Code eingefügt habe, was bringt dir denn der Test-Case? du wirst auf die Seite gehen, den Quelltext anschauen und dann genau diesen Code sehen. Ich dachte eher, dass jemand diesen Code bei sich mal ausprobiert. Aber hier die Seite.

andip · #7 (**permalink**) 20.12.2007, 16:10

Zitat:

Zitat von Electrohunter

was bringt dir denn der Test-Case?

damit ich z.b. sehe, dass du den transparenten hintergrund zwar im css definiert hast, aber im markup kein element mit der id layer hast?

Electrohunter · #8 (**permalink**) 20.12.2007, 16:11

das heißt? ich müsste eigentlich diesen Code in meine externe CSS-Datei legen?

Zitat:

#layer {
filter

rogid

XImageTransform.Microsoft.AlphaImag eLoader(src='grafik/background.png',sizingMethod='scale');
background:none;

Electrohunter · #9 (**permalink**) 20.12.2007, 16:15

Genau das wars, ich musste nur das ganze in die externe CSS-Datei legen. Hat geklappt, danke!

Electrohunter · #10 (**permalink**) 20.12.2007, 16:23

So, ich habe es hinbekommen, nun merke ich, dass ich das gar nicht anwenden kann. Ich möchte diese Grafik sehr oft anwenden und so müsste ich das bei jedem DIV machen

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
grafiken neuladen	wiseguy	CSS	1	24.03.2007 23:45
horizontale navigation aus meheren grafiken??	celine@23	CSS	16	14.01.2007 15:03
2 Grafiken als Hintergrund ...	PiTi	CSS	3	07.09.2005 23:33
Verlinkte Vorschaubilder bei nicht geladenen Grafiken	Dieter	Barrierefreiheit	14	20.08.2005 16:02
hoverbefehl mit PNG Grafiken	schwarza	CSS	5	27.10.2004 10:59