werewolf werewolf

How to do transparency on a web page

How to do transparency on a web page

I made a .png with alpha channel transparency, but it's not transparent on the web page. Is it possible? Could someone help please? Thank you.

Powered by SkinBrowser!
9,750 views 39 replies
Reply #27 Top
I'm playing around paxxy I know anything can be simple when you pay attention...
that looked neat the way you could move that around like that!
Reply #28 Top
werewolf, download trial versions of swish and flash. Swish are very good, and you can make the same as Flash (without the script language). In my opinion are more easy than macromedia flash, and ar not very expensive (if i can purchase a program, it costs little ). I can't spend lots of money in Software!
Look also the Flashkit.com site , are the best info site (and resources) in Flash
Reply #29 Top
Thanks Paxx, I'll play around with this

Carlitus...Thanks to you too. I'll check those out.

Powered by SkinBrowser!
Reply #30 Top
Paxx is making things sound hard again. The IE-trick is this bit:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='zach.png')

...the rest is mere positioning and has nothing to do with alpha.

So to use it in an image do like this (theoretically, haven't tested it):

Reply #31 Top
I knew it would be stripped... *sigh*

<img width=123 height=456 src=url.png style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='url.png')">
Reply #32 Top
No, I tried it, crae. It seems to not be working unless it's in a div tag.
Reply #33 Top
so IE supports PNG files now?? I thought they never do it. And about the transparantcy, I thought a gif image file could do it too? If you save the original file as a indexed file and then export it as a gif you can take out as many colors as you want.

And Paxx, it looks nice. I had a problem loading it up (computer seemed to stall) but then again I was using the JUNO browser.

Does this transparantcy work on Opera browser as well?
Reply #34 Top
joetheblow: a GIF has 256 colors, one of which can be used for transparency.

But there two kinds of PNGs: the 256 colors PNGs are like a GIF, maybe a bit better IMO. And there is the 24 bits PNG with an 8 bits alpha channel. It means that, unlike a GIF, the 8 bit alpha channel give you a range of 256 levels of transparency, from a little transparent to completely transparent. Understand?

As for Opera, this is what libpng.org says:

Opera [Opera Software] (Win32, OS/2, BeOS, Mac PPC, Mac OS X, Linux/X, Solaris/X, Symbian OS) - version 3.51 and later; full alpha support in version 6.0 and later (screenshots); broken binary transparency in older versions (apparently only for palette-based images, where the alpha value of the first palette entry is misinterpreted as the index of the palette entry to be made fully transparent, a la GIF); progressive display (except transparent PNGs on Windows versions); full gamma support (assumes a file gamma of 1/2.0 for unlabelled PNGs, vs. 1/2.2 for GIFs and JPEGs); bogus ``out of place IHDR'' errors and segfaults in Linux version 4.x or 5.x; read-only; adware/commercial. (Version 3.50 supported PNG only via old-style plug-ins, such as PNG Live 1.0, that supported neither transparency nor progressive display; see Netscape Navigator above. Version 3 and possibly 4 also supported Windows 3.x, but that support was dropped from more recent versions.)

For information on all the browser supports of PNG, go at http://www.libpng.org/pub/png/pngapbr.html

Of course they say IE doesn't support transparent PNG, I bet they don't know the secret trick.
Reply #35 Top
I see..... thanks!!!

I am so glad I found this site!!!
Reply #36 Top
Paxx.........your link locks up my browser, and deletes most of my cookies! Very strange.........
Reply #37 Top
Wow, which link, the one 2 posts above yours, or the link to tha transparent PNG?
What's your browser anyway? It's meant to demonstrate how IE can display transparent PNGs, if you don't have IE, it's a little pointless.
If you have Opera 6 I believe there is no special code to write, it displays PNGF alpha channel fine without having to write any Microsoft-specific code.

Gosh I hate Microsoft sometimes (ok, often). It's nice to know that PNGs can display transparency but why should I have to write code that isn't understood by other browsers? Evil!
Reply #38 Top
The link to the pngtest...........I'm using Crazy Browser, which is IE6 with extra features. After attempting to visit the link, things went nuts...........links in favorites didn't work, and other weirdness. I'm afraid to try it again...
Reply #39 Top
that link works ok for me. It doesn't seem to have any weird scripts on that page either, It might be something else that got on your system Koasati...

Another alternative to Flash is in the version 10 release of CorelDraw. It's called Rave. I didn't install it so I don't know how well it works but if you have Corel 10 it's in there...