IE8 not rendering transparent pngs correctly -- never happened before

Question

I've never had a problem before with IE 7 or 8 and transparent PNGs until now. I don't know if it's Photoshop or Fireworks that is possibly messed up.

I really don't know what else to say..

here is the link: http://michaelpstone.net/mannelaw

It's the three fading images on the home page.

My only guess is that it has to do with the content background being a transparent PNG too.

I've also downloaded pngcrush and I actually can't even get that to run in command line, so any help with that too would be nice.

Thanks in advance!

Answer 1

OK so in your main index file line 14 which says:

  <script type="text/javascript" language="javascript" src="js/pngfix.js"></script>

Replace that with:

<!--[if lt IE 7]>
<script defer type="text/javascript" src="js/pngfix.js"></script>
<![endif]-->

Since that's how you are supposed to use pngfix.js for IE less than IE 7

Try it :) let me know.

Answer 2

If you remove the cycle plugin code, you'll see that the backgrounds become transparent. I haven't looked up why, but it's causing the problem.

Add this to the cycle options and the background will go away =)

cleartypeNoBg: true

Source: http://jquery.malsup.com/cycle/options.html