resolvedHi there,
I'm having problems with transparent PNGs in Internet Explorer 7/8.
Here is the page: http://www.monini.pl/konkurs-sos-pesto-monini-w-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
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?
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/how-to-solve-hack-fading-semi-transparent-png-bug-in-ie8
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
On this page: http://stackoverflow.com/questions/1251416/png-transparency-problems-in-ie8 - 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/png-transparency-problems-in-ie8/4260439#4260439
in custom.js. I'd insert it after following code:
jQuery.noConflict();
jQuery(document).ready(function(){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
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 imageswith:
if(!(jQuery.browser.msie)){
jQuery('#main').kriesi_image_preloader({delay:100, callback:removeloader}); // activates preloader for non-slideshow images
}You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
