Grow your CSS skills. Land your dream job.

png hack problem

  • # April 27, 2009 at 12:13 am

    So I use ietester and ie6 doesn’t want to pick up 3 different png hacks.
    Also, I have a an ie6 script error in a tooltip script.

    IE 7 seems to be doing just fine.

    here’s the link http://www.ericdmunoz.com/test/

    I would appreciate ANY help.

    TY,
    Eric

    PS> could there be a conflict w/ any other js for a png hack?

    # April 27, 2009 at 1:31 am

    Give this a go:

    http://code.google.com/p/ie7-js/

    # April 27, 2009 at 10:43 am

    Yea that one should work fine. If not you can also try this one:
    http://labs.unitinteractive.com/unitpngfix.php

    I recommend using 1 png fix script at a time though.

    # April 27, 2009 at 7:17 pm

    Thnx a ton guys… i’ll give it a go…
    Just to clarify, jquery and mootools wouldn’t interfere or be conflicting w/ anything else?

    # April 27, 2009 at 7:34 pm

    ok… I have an error in ie6:
    http://yfrog.com/ekcapturehdmj

    and the google png fix isn’t working:
    http://yfrog.com/b573051242j

    Any suggestions?
    I’m not sure what the error is trying to tell me.

    # April 27, 2009 at 8:51 pm
    "hoss9009" wrote:
    ok… I have an error in ie6:
    http://yfrog.com/ekcapturehdmj

    and the google png fix isn’t working:
    http://yfrog.com/b573051242j

    Any suggestions?
    I’m not sure what the error is trying to tell me.

    Ok, the unitpngfix KINDA works.
    it’s distorting my bg. Man, I’ve never had this much trouble with a png hack.

    # April 28, 2009 at 8:28 pm

    Anyone have any suggestions?

    # April 28, 2009 at 8:32 pm

    Hey Guys,

    Thanks for the MSIE hack from google code. That was a big help as it cleaned up a few issues I was having. I wanted to note what sent me searching for an answer in the first place in the hopes it may help someone else.

    I loaded the UnitPng fix a few days ago. Worked very well. Today I added the jQuery UI datepicker. It too worked very well in FF. However, when I used IE6(only version of IE I have on PC for testing), the date picker had issues. The calendar would appear, but a date could not be selected. After fiddling around for a pretty long while, I commented out the Unit PNG fix. After that the datepicker worked flawlessly.

    I am not experienced enough to suggest there is a bug or whatever in either of those 2 great tools. But to me it would appear that something from one doesn’t play nice with the other.

    Thanks again for the google fix to IE.

    Chris, keep up the great work with the site! I don’t post nearly as often as I visit.

    Thanks,
    John

    # May 2, 2009 at 6:10 am
    "hoss9009" wrote:
    Anyone have any suggestions?

    The unitpng fix webpage reports it is interfering with background-position CSS properties. Please bear in mind, it’s still a hack/workaround and this is never a ‘neat’ solution. Unitpng fix works pretty okay for me, but if anyone knows a fix that handles the background-position property better you’re very welcome to post it here ;)

    # May 2, 2009 at 6:31 am
    "brrutzo" wrote:
    (…)
    I loaded the UnitPng fix a few days ago. Worked very well. Today I added the jQuery UI datepicker. It too worked very well in FF. However, when I used IE6(only version of IE I have on PC for testing), the date picker had issues. The calendar would appear, but a date could not be selected. After fiddling around for a pretty long while, I commented out the Unit PNG fix. After that the datepicker worked flawlessly.

    I am not experienced enough to suggest there is a bug or whatever in either of those 2 great tools. But to me it would appear that something from one doesn’t play nice with the other.

    (..)

    Hey brrutzo,

    I think it works like this: the jQuery UI provides ready-to-go modules that have been tested over and over again, so in IE6 as well. So every jQuery UI widget has been modified/fixed until it worked flawlessly in all browsers, PNG transparency issues included. These PNG hacks like unit’s or the one from google are just external pieces of code that regards all transparent PNG images in the case of IE6. It doesn’t detect whether a fix has already been applied (like in the jQuery UI widgets) or not, it just applies it’s code to every PNG and I think these two ‘fixes’ are interfering. That’s my guess for the explanation on your datepicker problem.

    Now here’s what I think will help: Make your PNG fixer apply to all PNG transparent images in your code, but NOT the datepicker (or other jQuery UI widgets). Ha-ha, don’t need to be a rocket-scientist to know that :P. Anyway, to achieve this you could use a PNG fixer that fixes only certain elements, elements with a given class for example. There should be a lot of fixers out there that work this way.
    You could also try to write a bit of jQuery code to select all img tags with ‘.png’ in the src attribute, same goes for backgroundImages with ‘.png’ in their value. But then again, you should exclude the widgets.

    I hope my story kind of helped you and you didn’t find it confusing (my english often is).

    Regards,

    -H

    # May 2, 2009 at 8:58 am

    Sorry for my post spam.. But I found a very interesting article on this very PNG transparency thing: http://24ways.org/2007/supersleight-tra … png-in-ie6
    It explains a lot about the alpha channel that is not being recognized in IE5.5 and IE6, as well as the fact that when using a semi-transparent PNG background-image you cannot use background-repeat or background-position anymore.

    # May 2, 2009 at 9:19 am

    Just to throw in my 2 cents worth, http://www.twinhelix.com/css/iepngfix/ supports background repeat and background position.

Viewing 12 posts - 1 through 12 (of 12 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".