I am currently paying a web developer to do some minor fixes for our blog. One of those fixes involves the IE6 PNG fix. I would also like the PNG images to not scroll when the page moves. He tells me that setting the background to a fixed position can not be applied because the iepngfix.htc file will be overridden. If this is true, does anyone know of a way to have PNG files work with IE 6 and can also be set as a fixed position. A website or code demonstration would be much appreciated.
As far as I know it's not possible to have a fixed background when using any png fix (be it unitPNG or supersleight - or any others). Are you using transparent PNGs? Otherwise, if it's not a transparency issue, could you use a gif/jpg images instead?
does anyone know of a way to have PNG files work with IE 6 and can also be set as a fixed position
Use IE7.js. IE6 doesn't support PNG transparency or fixed positioning. IE7.js will fix both automatically. All you need to do is link to it in the document's <head> section. Then, rename your transparent image to "whatever-trans.png" (the fix only works on images that end in -trans), and then assign it "position: fixed" in the CSS and place it wherever you want. I just tried it on a very quick sample page that I just slapped together, and it works.
I am currently paying a web developer to do some minor fixes for our blog. One of those fixes involves the IE6 PNG fix. I would also like the PNG images to not scroll when the page moves. He tells me that setting the background to a fixed position can not be applied because the iepngfix.htc file will be overridden. If this is true, does anyone know of a way to have PNG files work with IE 6 and can also be set as a fixed position. A website or code demonstration would be much appreciated.
Thanks,
Ryan
As far as I know it's not possible to have a fixed background when using any png fix (be it unitPNG or supersleight - or any others). Are you using transparent PNGs? Otherwise, if it's not a transparency issue, could you use a gif/jpg images instead?
Use IE7.js. IE6 doesn't support PNG transparency or fixed positioning. IE7.js will fix both automatically. All you need to do is link to it in the document's <head> section. Then, rename your transparent image to "whatever-trans.png" (the fix only works on images that end in -trans), and then assign it "position: fixed" in the CSS and place it wherever you want. I just tried it on a very quick sample page that I just slapped together, and it works.