Despite playing with the CSS and configuration object I can't consistently position an overlay over a page element. The problem seems to be that it positions itself relative to the screen viewport rather than the HTML page.
I can position the overlay OK if the page hasn't been vertically scrolled - but if it's scrolled and the page refreshed the overlay is rendered relative to the visible page area and thus out of alignment with element it's supposed to be positioned over.
...what I want to accomplish is overlay an image with annotations associated with visual elements of the image.
Also I noticed when inspecting the page with Firebug that the overlay is ALWAYS absolutely positioned. Is that true?
I have played with a lot of CSS and moving the overlay HTML to various places in the markup to no avail... (nesting the hidden overlay DIV within a RELATIVEly position container DIV that holds the image hasn't worked)
i'll probably design a workaround but I'd love to know if it is possible to use jqtool's overlay like this.
I can position the overlay OK if the page hasn't been vertically scrolled - but if it's scrolled and the page refreshed the overlay is rendered relative to the visible page area and thus out of alignment with element it's supposed to be positioned over.
...what I want to accomplish is overlay an image with annotations associated with visual elements of the image.
Also I noticed when inspecting the page with Firebug that the overlay is ALWAYS absolutely positioned. Is that true?
I have played with a lot of CSS and moving the overlay HTML to various places in the markup to no avail... (nesting the hidden overlay DIV within a RELATIVEly position container DIV that holds the image hasn't worked)
i'll probably design a workaround but I'd love to know if it is possible to use jqtool's overlay like this.
