Прозрачность SVG.
Добрый день. Столкнулся со странной проблемой..
Работаю с SVG графикой. У меня есть карта, участкий которой подсвечивается при наведении мышки... делаю я это так: //задаём атрибуты svg-областей var attributes3={ opacity:0, fill:'#F1F1F1', 'stroke-width':5, stroke: '#c41f1d', 'stroke-linejoin': 'round' }; var obj3=paper.path(window.pathsN[2]); obj3.attr(attributes3); addTip3(obj3); //функция, где задана реакция на курсор function addTip3(obj){ var kp2=$("#kp2"); kp2.mouseover(function(){ kp2.show(); }); kp2.mouseleave(function(e){ obj.attr({opacity:0}); kp2.hide(); }); $(obj.node).mouseover(function(e){ obj.attr({'opacity':0.5}); kp2.show(); }).mouseout(function(){ kp2.hide(); obj.attr({'opacity':0}); }); } И всё работает идеально! Теперь мне необходимо сделать, чтобы они не зависели от курсора, а всегда были полупрозрачные. Однако же function addTip3(obj){ var kp2=$("#kp2"); kp2.show(); obj.attr({'opacity':0.5}); } ...перестаёт работать. opacity работает почему-то только при 0 или 1 (соответсвенно скрыть или показать). Так же и с попыткой манипулирования fill-opacity. Так же и с попыткой сразу в attributes3 задать 0,5. Буду признателен, если подскажете в чём моя ошибка.. или как это можно обойти. |
Часовой пояс GMT +3, время: 13:06. |