I've created a bit of AJAX to display an image over the existing page content if a variable increases above a certain number.
The code sent from the server via AJAX is as follows:
Code: Select all
echo "<div id='percentoff' "
."style='z-index:62;position:absolute;top:7em;left:25em;'>"
."<img src='/img/percent20.gif' alt='20% Off' />"
."</div>";In 'all' browsers the image displays well, IE, Mozilla and Opera.
But, in Opera the image can not be removed the next time the variable is tested and not required to be displayed.
I thought displaying the same image left:-999; but Opera ignores the reposition.
It's as if Opera has orphaned the image and now ignores any reference to it.
If (in testing) I place another window over the Opera web browser window and then reselect the Opera web browser window again the image has gone. So the screen rewrite does believe the image no longer exists (which is true).
Has anyone else found a way to remove these images when not required using Opera?
Thanks for any help,
Tom