Page 2 of 2
Posted: Sat 22. Sep 2007, 06:33
by zeta1600
Boy, i just can not figure out that IE6 issue. I tried this:
http://bjorkoy.com/past/2007/4/8/the_ea ... ay_to_png/
But, I can't get it to work either. I've added this to my css:
img, div, body { behavior: url("http://www.....com/iepngfix.htc") }
Uploaded the blank.gif and still no go...
Has anyone used this? Or maybe guide me a little more with the ImageLoader?
Grrrrrrrrrr....
By the way, I don't have IE6. So, if you have a png and want to see it on IE6, check your site here:
http://ipinfo.info/netrenderer/
Posted: Sat 22. Sep 2007, 08:34
by DeXXus
Maybe you should be applying this fix to the enclosing <TH scope=col>PNG images</TH> tags instead? Dunno...
Posted: Sat 22. Sep 2007, 11:09
by update
have you tried :
#header { background:url(header.png); }
plus
#header { behavior: url(iepngfix.htc); }
all together? The fix should be able to get knowledge of what to fix
To get the path to blank.gif seems to be a little bit tricky...
Posted: Sun 23. Sep 2007, 19:30
by update
OK, here we go:
in your ie_only.css:
Code: Select all
* { behavior: url(template/inc_css/specific/iepngfix.htc); }
a {
position: relative;
}
in your iepngfix.htc
Code: Select all
// This must be a path to a blank image, relative to the HTML document(s).
// In production use I suggest '/images/blank.gif' or similar. That's all!
if (typeof blankImg == 'undefined') var blankImg = 'blank.gif';
blank.gif is located within the same folder as iepngfix.htc...
in your phpwcms template you'd like to put the following
Code: Select all
<!--[if lte IE 7]>
<style type="text/css">@import url(template/inc_css/specific/ie_only.css);</style>
<![endif]-->
into the html head section
If everything goes well, you now should be able to see your background transparencies - especially in IE6
Disadvantage of this method: links in child elements of positioned elements aren't clickable anymore
Possibly a workaround: Restyle all your elements within ie_only.css or try not to use the iepngfix.htc, but style all your transparencies for IE6 within your ie_only.css similar to this:
Code: Select all
a {
position: relative;
}
header {
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='path/to/header.png', sizingMethod='crop');
/*path should be relative to css, if I remember it right*/
}
Posted: Thu 22. Nov 2007, 05:58
by zeta1600
It's been awhile since i've visited here. I thought I would share the following png IE image loaded fix... It's the easiest one i've found... though I haven't implemented it on my wcms site.
http://homepage.ntlworld.com/bobosola/pnghowto.htm
hope this will help someone...
Posted: Thu 22. Nov 2007, 08:40
by update
zeta1600 wrote:It's been awhile since i've visited here. I thought I would share the following png IE image loaded fix... It's the easiest one i've found... though I haven't implemented it on my wcms site.
http://homepage.ntlworld.com/bobosola/pnghowto.htm
hope this will help someone...
But remember that this solution is applied to img src only, not to bg images (as far as I can remember)
Posted: Fri 23. Nov 2007, 05:01
by zeta1600
claus... you were right again... i went back to the site below, and they have a very easy update on doing this using css... check it out.
http://bjorkoy.com/past/2007/4/8/the_ea ... ay_to_png/