Author Topic: Transparent png fix for ie in comicpress anyone?  (Read 9612 times)

0 Members and 1 Guest are viewing this topic.

amuletts

  • Newbie
  • *
  • Posts: 31
  • Epic Fail
    • View Profile
    • Epic Fail
Transparent png fix for ie in comicpress anyone?
« on: January 09, 2009, 05:23:20 pm »
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
« Last Edit: January 09, 2009, 09:37:08 pm by amuletts »

sagebrush

  • Jr. Member
  • **
  • Posts: 76
  • cat pirate princess
    • View Profile
    • Crowfeathers
Re: Transparent png fix for ie in comicpress anyone?
« Reply #1 on: January 10, 2009, 05:26:22 am »
I don't see any difference between IE and FF.

Databits

  • Global Moderator
  • *****
  • Posts: 1,607
  • Programming's not just a science, it's an art.
    • View Profile
Re: Transparent png fix for ie in comicpress anyone?
« Reply #2 on: January 10, 2009, 08:06:55 am »
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

  • Newbie
  • *
  • Posts: 31
  • Epic Fail
    • View Profile
    • Epic Fail
Re: Transparent png fix for ie in comicpress anyone?
« Reply #3 on: January 14, 2009, 07:30:26 am »
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

  • Sr. Member
  • ****
  • Posts: 332
  • C:
    • View Profile
    • Miluette dot com
Re: Transparent png fix for ie in comicpress anyone?
« Reply #4 on: January 16, 2009, 02:56:00 am »
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

  • Techsmith
  • Administrator
  • *****
  • Posts: 4,326
  • Illegitimis non carborundum!
    • View Profile
    • Xepher.net
Re: Transparent png fix for ie in comicpress anyone?
« Reply #5 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

Databits

  • Global Moderator
  • *****
  • Posts: 1,607
  • Programming's not just a science, it's an art.
    • View Profile
Re: Transparent png fix for ie in comicpress anyone?
« Reply #6 on: January 16, 2009, 07:00:50 pm »
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

  • Sr. Member
  • ****
  • Posts: 332
  • C:
    • View Profile
    • Miluette dot com
Re: Transparent png fix for ie in comicpress anyone?
« Reply #7 on: January 16, 2009, 11:31:55 pm »
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

  • Global Moderator
  • *****
  • Posts: 1,607
  • Programming's not just a science, it's an art.
    • View Profile
Re: Transparent png fix for ie in comicpress anyone?
« Reply #8 on: January 17, 2009, 01:43:26 am »
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

  • Sr. Member
  • ****
  • Posts: 332
  • C:
    • View Profile
    • Miluette dot com
Re: Transparent png fix for ie in comicpress anyone?
« Reply #9 on: January 17, 2009, 02:53:40 am »
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

  • Newbie
  • *
  • Posts: 31
  • Epic Fail
    • View Profile
    • Epic Fail
Re: Transparent png fix for ie in comicpress anyone?
« Reply #10 on: January 23, 2009, 04:03:44 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

  • Global Moderator
  • *****
  • Posts: 1,607
  • Programming's not just a science, it's an art.
    • View Profile
Re: Transparent png fix for ie in comicpress anyone?
« Reply #11 on: January 23, 2009, 05:21:00 pm »
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]