I am using the JQuery Cycle Plugin, but I am experiencing a problem in IE9. Everything seems to be working until the page is refreshed or a link on the page is clicked, at which point the transparent PNG image is replaced by a white rectangular box (the exact dimensions of the PNG image). Strangely, this only happens if the refresh conincides with an image cycle transition. If the refresh takes place whilst the image is still (not scrolling to the next image in the sequence), then everything appears to work just fine.
It has been puzzling me for ages. I have tried setting the cleartypeBG to true and false, I have checked that I am saving the PNG's as 8-bit, but neither of these suggetions have worked. As usual, all the other browsers I have tried do not have an issue.
I have read lots of posts relating to this issue. The standard response seems to be set cleartypeNoBg to false or true, but that still does not work for me.
Please does someone have a definative answer to this issue?
I am using PNG's with transparent background, which display a white background when the page is refreshed, however, it only happens if the refresh coincides with a transition. When the page is refreshed outside of a tranistion then the white background does not flash up?
Firstly, thank you in advance for any help you can give me. Secondly, it is only fair that I worn you that I am an absolute novice.
I am using the JQuery Cycle Plugin to display a selection of images; however, Firefox displays the images far smaller than the 400px x 100px dimensions I have set in my CSS file. If you refresh the page it does then display the image at the correct size.
I experienced this problem with IE also, although I have solved that problem by using the following:
<body onLoad=window.refresh>. I would prefer a better solution than this though, as it is a cheat and slows the initial page load.