Transparentes PNG, Workaround

[Meflin]

Zitat:

Zitat von Dax

Mache doch eine Map-Region wie oben rechts im DP-Logo, die direkt über dem Link liegt..

das löst das (mein) problem nicht.
ich habe ne microsite, zentriert im browser. da kommen ganz normale inhalte rein (ziemlich viele links, nicht nur einer). und für diese microsite will ich den tesa effekt. so liegt aber nun das bild komplett über der site, jeder einzelne link, jedes formularfeld, jeder button, einfach alles wird von ihm überdeckt, zwar nihct sichtbar, da transparent, aber eben doch. und da ist mit einer map nicht weit her, da ich die position der links garnicht vorraussagen kann...

[Dax]

Die Map-Koordinaten gelten ja vom linken oberen Rand des Bezugsimages ab. Kannst du nicht sagen, dass deine Links auf diesen Bezugspunkt immer an der gleichen Stelle liegen?

PS: Wenns garnicht geht, würde ich die Tesa-Grafik so klein wie nur möglich machen, damit sie möglichst wenig überdeckt, und stattdessen mit padding arbeiten.

[Marco Haffner]

Auch der IE kann durchaus transparente PNGs darstellen. Vorraussetzung ist aber wieder mal ein zusätzlich eingebundenes JavaScript. [msdn]"AlphaImageLoader"[/msdn]

[Meflin]

Zitat:

Zitat von Marco Haffner

Auch der IE kann durchaus transparente PNGs darstellen. Vorraussetzung ist aber wieder mal ein zusätzlich eingebundenes JavaScript. [msdn]"AlphaImageLoader"[/msdn]

das hört sich ja schonmal gut an (solange dadurch nicht die validität leidet), allerdings checke ich nicht wirklich, wie ich das nun einsetzte, bzw was für properties ich setzten muss.

Code:

[img]gfx/shadow.png[/img]

so passiert da nämlich nix!

[Aenogym]

hi meflin,

ich denke, du hast ein wirkliches problem. der IE kann, wie gesagt, nicht mit PNG transparenz umgehen. GIFs sind scheiße, weil die nur wenige farben zu verfügung haben. und eine art overlay per CSS "verdeckt" die links.
wenn das mit dem JavaScript nicht klappt, könntest du das ganze vielleicht noch mit Flash machen.

oder du wartest, bis der IE7 heraus kommt. der hat dann hoffentlich auch PNG transparenz...

Aenogym

PS: oder zwinge deine beuscher, einen mozilla browser o.ä. zu nehmen :mrgreen:

[gothic_mike]

Guckst du hier, da gibts auch ne Demo...

[Meflin]

Zitat:

Zitat von Aenogym

hi meflin,

ich denke, du hast ein wirkliches problem.

Das fürchte cih auch :(

Zitat:

Zitat von Aenogym

der IE kann, wie gesagt, nicht mit PNG transparenz umgehen. GIFs sind scheiße, weil die nur wenige farben zu verfügung haben. und eine art overlay per CSS "verdeckt" die links.
wenn das mit dem JavaScript nicht klappt, könntest du das ganze vielleicht noch mit Flash machen.

oder du wartest, bis der IE7 heraus kommt. der hat dann hoffentlich auch PNG transparenz...

Aenogym

PS: oder zwinge deine beuscher, einen mozilla browser o.ä. zu nehmen :mrgreen:

für das overlay problem hätte ich schon eine (zwar suboptimale, aber doch) Lösung: ich habe noch nen layer drüber, und da kommt der eigentliche inhalt rein. alles was in den vier ecken wo der tesa ist liegt, mach ich aber trotzdem auf den ursprünglichen unteren layer. so entsteht der gewünschte effekt.
das dume ist das man diesen filter nicht auf ein normal eingebundenes png verwenden kann, dann wäre ja alles paletti. der ie würde filtern, mozilla den filter ignorieren. aber nein **** ie muss ja wieder ein problem mit png haben.
wäre noch zu überlegen ob ich mit php den browser ermittle und jenachdem ob mozilla &co oder ie verwendet wird die einen oder die andere variante einzubinden. lässt sich das sinnvoll realisieren?

[Aenogym]

Zitat:

Zitat von Meflin

lässt sich das sinnvoll realisieren?

das sollte sich problemlos realisieren lassen.
edit: hier gibts was dazu.

Aenogym

[waschi]

was hast du denn davon wenn du 2 grafiken machst?

mach das ding als eine grafik und speicher es auch so alles andere ist killefitz

[Meflin]

Zitat:

Zitat von Aenogym

Zitat:

Zitat von Meflin

lässt sich das sinnvoll realisieren?

das sollte sich problemlos realisieren lassen.
edit: hier gibts was dazu.

Aenogym

merci, hab inzwischen selber was gebastelt (ein php-manipuliertes stylesheet), scheint wunderbar zu funzen :)