I’m building an firebug-like inspection tool for my page. When the mouse enters an element, the element should be highlighted.
Now I’m creating an element which I position absolute on top of the target element, this however means the next mousemove event (which is bound to the document) will fire with the actual “highlight element” as the target.
Is there a way to prevent the “highlight element” from being the target element in the mousemove event? The element already has a transparant background.
As far as I know, you can not capture events beneath an element (even if it has 0% opacity). Though IE did once have a bug with this.
You could try adding via CSS
I’m not sure how good that works outside of Firefox though.