Alex Barber | Digital Artist

time to push the pixels

jQuery Cycle, transparent pngs and IE rendering hell

Using jQuery Cycle to transition transparent pngs with a fade – IE has… issues.

http://stackoverflow.com/questions/1156985/jquery-cycle-ie7-transparent-png-problem

http://labs.unitinteractive.com/unitpngfix.php

I used:

  • wrapped each png in a div
  • added img filter for IE
  • cleartype: true, cleartypeNoBg: true for Cycle
  • unitpngfix.js
  • added class=”unitPng” only to the images that were fading in Cycle

Things worked better afterwords with no halo around the pngs with alpha.

Next Post

Previous Post

© 2022 Alex Barber | Digital Artist