News:

The anti-spam plugins have stopped being effective. Registration is back to requiring approval. After registering, you must ALSO email me with your username, so that I can manually approve your account.

Main Menu

Transparent png fix for ie in comicpress anyone?

Started by amuletts, January 09, 2009, 05:23:20 PM

Previous topic - Next topic

0 Members and 2 Guests are viewing this topic.

amuletts

Hi there I've recently got my webcomic started on xepher.  I'd like to post strips in the form of pngs with a transparent background.  This all looks lovely in Firefox but not in internet explorer (ie).  I looked for a fix and found this: http://homepage.ntlworld.com/bobosola/ but when I tried putting it into wordpress it didn't seem to work.  Perhaps those with more experience could help me figure out why.  Thanks!

INFO:  I'm using the vertical layout, so I stuck the pngfix.js in that theme folder.  I pasted the line of code in the header file between <head profile="http://gmpg.org/xfn/11"> and </head>

Oh my site is: http://epicfail.xepher.net

sagebrush


Databits

Probably referring to IE6.

IE6 didn't have support for PNG transparency without the use of some sort of Javascript hack-job. In IE7+ PNG transparency support was added.

There are two possible ways around this issue. The first one, if possible, you can save the PNG as a 8-bit image (256 colors) and set one of the colors as the transparent color. This effectively makes it pretty much the same thing as a GIF. The second and more pain in the ass way is to find (probably via Google) a javascript+css workaround, as they're examples and tutorials on this floating all over the net.
(\_/)    ~Relakuyae D'Selemae
(o.O)    
(")_(")  [Libre Office] [Chrome]

amuletts

Okay, thanks for the help.  It's probably not too much of a problem given they have fixed this in IE7 but I have replaced a few images with GIFs so it looks a little better in IE6.  As long as most viewers get the good version that is fine.

Miluette

All the easy PNG fixes are for PNG-8's...boooo. D:

This one tutorial I looked at looked pretty good until the end where it basically took the image, made it look like ass, and then made it magically transparent (yet look like ass)...just like PNG-8s do. I'm going to keep lying to myself and saying no one uses IE6 anymore...

(About a year or two ago I panicked when I saw my old splash page on my college's PCs in IE, because there were ugly grey blocks behind everything XD)
And wasn't it you who told me,
"The sun would always chase the day"?

Xepher

Heh... or you can try my solution. Anyone tried visiting http://xepher.net/ with IE6? That's my idea of a "solution." :-D

Databits

There's PNG fixes that work for normal 16-bit png's just fine. Just because IE6 is too stupid to apply the right filters to it doesn't mean it can't be done manually. Generally there's tutorials all over the place for this, in fact:

http://www.twinhelix.com/css/iepngfix/
http://24ways.org/2007/supersleight-transparent-png-in-ie6

and those are only a couple (good ones) of many many results from just "IE6 PNG Fix" using Google.

While it may not matter so much to for a smaller personal site, roughly 25% of the net still uses IE6 so if you want to cater to near everyone, you still need to deal with supporting it.
(\_/)    ~Relakuyae D'Selemae
(o.O)    
(")_(")  [Libre Office] [Chrome]

Miluette

Sometimes I wish I still had a machine with IE6 just to see what things are like. (I have IE5 on my mac but things appear to be transparent in it... lol)

Those two look good. Looks like I was typing in the wrong keywords, lol... :D
And wasn't it you who told me,
"The sun would always chase the day"?

Databits

Heh, I use two virtual machines. One with Win98 and IE6 and one with WinXP and IE6.

The reason is the IE6 on Win98 at it's latest update is just slightly behind the one on WinXP, which you'd think isn't that big of an issue but for some reason things don't work in both all the time.

Outside of that, I generally also use a VM with FF2 and IE7, on top of IE8, FF3, Opera, Google, and Safari on my host machine.
(\_/)    ~Relakuyae D'Selemae
(o.O)    
(")_(")  [Libre Office] [Chrome]

Miluette

I'd still have a computer with Win98/IE6 (or maybe even 5) on it, but my old PC died horribly right after I got my current one. Actually, it sorta-works now, but not in a usable way. IE already takes forever to open on either of them, anyway.
And wasn't it you who told me,
"The sun would always chase the day"?

amuletts

Quote from: Xepher on January 16, 2009, 05:45:27 PM
Heh... or you can try my solution. Anyone tried visiting http://xepher.net/ with IE6? That's my idea of a "solution." :-D

Heh, that sure is a solution xepher! 

Okay I think I have a solution for wordpress, the plugin Wp-UnitPNGfix.  It seems to work fine when I test it.

I found plenty of other 'solutions' searching google, all of which worked on an normal site but not on wordpress for some reason.  This one does.

Databits

I think ISP's, Google, and MSN should all just block Win98 and IE6. That'd kill if fast as hell (as well as eliminate a lot of botnets and infected spammer machines).
(\_/)    ~Relakuyae D'Selemae
(o.O)    
(")_(")  [Libre Office] [Chrome]