I'm redesigning my portfolio website, and part of the display includes links that use javascript to change the style.visibilty.
Example dummy page.
The visibility correctly toggles in Safari, FF (both Mac and Win), and Opera; in IE, if the cursor hits in the one pixel space between the titles, the onmouseout event is triggered and makes the titles hidden again. If I place a background color on the layers (ids tabs and titles) IE will work, but of course the background color will obscure an image once placed and look stupid. I could also close the gap between the child divs, but that breaks the design element and the space is how I would really like it to work. Is there anything I can do to increase the hit area in IE to match that of the other browsers besides adding a background-color?
Thanks in advance!
Example dummy page.
The visibility correctly toggles in Safari, FF (both Mac and Win), and Opera; in IE, if the cursor hits in the one pixel space between the titles, the onmouseout event is triggered and makes the titles hidden again. If I place a background color on the layers (ids tabs and titles) IE will work, but of course the background color will obscure an image once placed and look stupid. I could also close the gap between the child divs, but that breaks the design element and the space is how I would really like it to work. Is there anything I can do to increase the hit area in IE to match that of the other browsers besides adding a background-color?
Thanks in advance!