Здравствуйте.
С помощью библиотеки Raphael я рисую несколько svg объектов, для них описываю события mouseover/mouseout
window.onload = function(){
var paper = Raphael(0,0,500,500);
teeth['z1111'] = paper.path("m 315.58746,230.20221 c 0,47.73318 -38.3756,86.42857 -85.71429,86.42857 -47.33869,0 -85.71429,-38.69539 -85.71429,-86.42857 0,-47.73318 38.3756,-86.42857 85.71429,-86.42857 47.33869,0 85.71429,38.69539 85.71429,86.42857 z").attr({ fill: "white", stroke: "#000000", "stroke-width":1});
teeth['z1111'].mouseover(function() {mouseover_obj(teeth['z1111']);});
teeth['z1111'].mouseout(function() {mouseout_obj(teeth['z1111']);});
}
function mouseover_obj(elem) {
tmpcolor = elem.attr("fill");
elem.attr("fill", "#6495ED");
}
function mouseout_obj(elem) {
elem.attr("fill", tmpcolor);
}
Все вроде работает, но почему-то в IE6 для некоторых элементов mouseover срабатывает до того как курсор на них зайдет(провожу например просто рядом с другим svg объектом, не наводя на него курсор, а он все-равно выделяется). В других браузерах нормально работает.
Подскажите пожалуйста, в чем может быть проблема?