stoid
Oct 3, 2007, 12:27 AM
I'm redesigning my portfolio website, and part of the display includes links that use javascript to change the style.visibilty.
Example dummy page. (http://www.briankersten.com/content.php?p=content_temp.php)
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. (http://www.briankersten.com/content.php?p=content_temp.php)
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!
