If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #2833

    Hi there,

    I’m having problems with transparent PNGs in Internet Explorer 7/8.

    Here is the page: http://www.monini.pl/ (Purchase code hidden if logged out) -twojej-kuchni/ – black halo effect in both IE7 and IE8 :(

    I’m sure some of You already experienced this problem. Any proven solutions either jQuery side or through PNG fix modification?

    Alex

    #39467

    According to some discussions: http://www.google.at/#hl=de&xhr=t&q=ie8+png+black&cp=13&pf=p&sclient=psy&site=&source=hp&aq=f&aqi=&aql=&oq=ie8+png+black&pbx=1&fp=29ace610205ca123 it’s related to the image (non standard export/alpha channel) which causes problems with IEs png transparency filter. Which program did you use to export it? Adobe PS? Gimp?

    #39468

    Adobe PS CS4 (Mac).

    #39469

    Mmm…interesting. I must admit I had this problem some time ago but I could solve it by using Adobe PS instead of Gimp. One user reported this black halo effect too…

    Maybe try the jquery ie filter snippets posted here: http://stackoverflow.com/questions/1204457/ (Purchase code hidden if logged out)(Purchase code hidden if logged out) -ie8

    #39470

    Hi Dude,

    thanks for the effort. I’m trying not to destroy anything on my way to straighten the things with IE. Where should I put the mod to jQuery? In the functions.php or else? How and when to call it? This is saddely a new land to me.

    But I’m sure not only I will benefit from the solution. I can’t imagine I’m the only one here with such a problem.

    Alex

    #39471

    On this page: http://stackoverflow.com/questions/1251416/ (Purchase code hidden if logged out) – i’ve found a better solution. I can’t test it myself but try to insert the code provided in this post (I don’t want to post it here because of the copyright):

    http://stackoverflow.com/questions/1251416/ (Purchase code hidden if logged out) /4260439#4260439

    in custom.js. I’d insert it after following code:

    jQuery.noConflict();

    jQuery(document).ready(function(){

    #39472

    Dude, looked promising. Code inserted, but no effect. :( I do hope that I have done everything correctly – but I don’t know how to check in other way that look for the black halo which is still there.

    I have another idea: the PNGs alone are displayed correctly by the browser. It is just the combination of jQuery fadein and transparent PNG24 that makes things look ugly. I’m willing to trade the otherwise nice fadein effect in IE for correct transparency of PNG24. Any ideas how to achieve this?

    Alex

    #39473

    Hey,

    you can remove the fade in effect by replacing following code in custom.js:

    jQuery('#main').kriesi_image_preloader({delay:100, callback:removeloader});	// activates preloader for non-slideshow images

    with:

    if(!(jQuery.browser.msie)){
    jQuery('#main').kriesi_image_preloader({delay:100, callback:removeloader}); // activates preloader for non-slideshow images
    }

    #39474

    Works great. Thank. That will be it. ;)

    #39475

    Glad that this solution works for you :)

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

The topic ‘PNG 24 in Internet Explorer’ is closed to new replies.