[GIF/PNG] Meerdere niveau's transparantie

[r0bert]

Ik heb een plaatje met verschillende lagen die niet allemaal evenveel transparant zijn.. Bijv:

1e laag: 75%
2e laag: 50%
3e laag: 25%

en die liggen allemaal over elkaar. De achtergrond is 100% transparant, dus je zou wat achter het plaatje staat erdoor heen moeten kunnen zien.. en dat is dus de bedoeling.. Maar ik krijg het niet voor elkaar om meerdere niveau's van alphatransparantie in 1 plaatje (GIF/PNG) op te slaan.. Heb het vermoeden dat het niet gaat werken, dus heb een alternatief bedacht:

Alle lagen apart opslaan en vervolgens de plaatjes letterlijk over elkaar heen plaatsen en dan met CSS alphatransparantie toepassen.. Maar dat is iets omslachtig.. Hopelijk weet iemand een betere manier.

[bRight]

Uhmm.. als PNG moet dat gewoon kunnen hoor!
PNG heeft een 8 bits alpha channel waarin de transparantie wordt meegenomen.

Voorbeeldje:



Hou er wel rekening mee dat IE niet goed omgaat met PNG transparantie.
Hier is een workaround voor.

[ Voor 14% gewijzigd door bRight op 03-12-2003 17:31 . Reden: linkje toegevoegd ]

[Justice]

http://victor.carotena.net/weblog/archives/000375.php

You may have read Michael Lovitt's article at ALA and came, as I did, to the conclusion that implementing the AlphaImageLoader filter is not worth it if you want to serve content compatibly. If you specify the AlphaImageLoader filter in your CSS, the content is non-accesible to the standards-loving visitors. And, I prefer not to use DHTML if I can avoid it, specially when I have to implement browser detection, I'm too lazy to ensure that the contents is usable for ALL browsers (and besides, don't have the resources to do so).

Maar gelukkig bied de pagina er een oplossing voor

[r0bert]

Ik heb het geprobeerd, maar ook op de manier die gegeven wordt met een Filter lukt het me niet Hier staat ie nu gewoon..

Pagina

Heb ik 'm niet goed opgeslagen ofzo ? Je ziet 'm helemaal niet voor de rode voorgrond.. tenminste.. ik niet met IE 6.0...

Edit:

Het is inmiddels gelukt! Heb het met een behavior gedaan van webFX:
http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html

heerlijk eenvoudig.. nja als workaround dan

[ Voor 26% gewijzigd door r0bert op 03-12-2003 19:10 ]