Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript png hack problem

  • This topic is empty.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #24690
    hoss9009
    Member

    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?

    #56794
    TheDoc
    Member
    #56804
    Hugo
    Member

    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.

    #56825
    hoss9009
    Member

    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?

    #56826
    hoss9009
    Member

    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.

    #56827
    hoss9009
    Member
    "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.

    #56872
    hoss9009
    Member

    Anyone have any suggestions?

    #56873
    brrutzo
    Member

    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

    #57042
    Hugo
    Member
    "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 ;)

    #57063
    Hugo
    Member
    "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

    #57039
    Hugo
    Member

    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.

    #57040
    apostrophe
    Participant

    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)
  • The forum ‘JavaScript’ is closed to new topics and replies.