https://www.webmaster-forums.net/crss/node/1026675 en https://www.webmaster-forums.net/html-css-and-javascript/mouseover-flicker-make-it-go-away#comment-1160370 <p>Many Thanks Greg,</p> <p> I think that the issue has been resolved. Take a look now ... there should be no flicker. I had to use an entirely different approach. I scrapped the CSS route as that just wasn't panning out. The mouseover mouseout on the div tags was turning into a headache as well.</p> <p> What I ended up doing was creating a table and put the initial image as the background of the table. Then I placed the table of links inside the first table with its visibility initially set to off (or display:none). On a mouseover of the first table I change the background image to nothing and turn the visibility of the link table on. </p> <p> It works beautifully. I'll leave this test site up for a bit incase anyone else is having this problem. Just do a view source and grab what you need.</p> Wed, 13 Oct 2004 00:10:54 +0000 sybru comment 1160370 at https://www.webmaster-forums.net https://www.webmaster-forums.net/html-css-and-javascript/mouseover-flicker-make-it-go-away#comment-1160353 <p>I don't know for sure, but my first guess would be the fact that when you hide the image (or put the table on top of it), the image is no longer there to activate the "onmouseover", so then it will execute the "onmouseout" as soon as the image is gone, hense the "flicker", becasue thent he image comes back which again causes the swap again to get rid of the image. (It appears if you hold your mouse still, the "onmouseout" won't trigger if you are on same exact location when "onmouseover" triggers).</p> <p>Suggestion: put the "onmouseout" on the table content (if pssoible), as it would only need to trigger if the table is already showing.</p> <p>-Greg</p> Tue, 12 Oct 2004 14:55:44 +0000 Greg K comment 1160353 at https://www.webmaster-forums.net