Рафаэль Заполнить непрозрачность на member.mouseover

Я создал файл VML, используя http://www.irunmywebsite.com/raphael/SVGTOHTML_LIVE90.php< /а>. В файле VML есть раздел функции обратного вызова, который определяет события:

function callback(member)
{
   member.mouseover(function (e) {  this.ofill=this.attr('fill');this.attr({fill:'#000000'}); });
   member.mouseout(function (e) { this.attr({fill:this.ofill}); });
   member.click(function (e) { var thisPath=this.attr('path');alert('You just clicked on Element #'+this.id+'.To help you find it in the code its path starts with......'+thisPath);   });
}

Как вы могли видеть, первая строка заполняет фигуру VML, наведенную черным цветом. Вместо этого я хочу изменить его непрозрачность заливки.

Я пробовал:

this.ofill=this.attr('fill');this.attr({fill-opacity:'#000000'});

и другие подобные варианты без успеха. Любые идеи, что мне нужно сделать здесь?

Спасибо


javascript raphael vml
person symlink    schedule 31.10.2013    source источник

Ответы (2)


arrow_upward
0
arrow_downward

ВАМ НУЖНО ЧИСЛО ДЛЯ ПРОЗРАЧНОСТИ, А НЕ ЦВЕТА.

Может быть, что-то вроде этого:

this.ofill=this.attr('fill-opacity');this.attr({'fill-opacity':0.5});
person Brian    schedule 31.10.2013
comment
это одна из первых вещей, которые я попробовал. Не работает. Я думаю, что this.ofill может быть виновником. - person symlink; 01.11.2013
comment
вероятно, будет другая переменная, кроме ofill для непрозрачности - person Brian; 01.11.2013

arrow_upward
0
arrow_downward

По-видимому, непрозрачность заливки для VML. Пользователям IE8 просто нужно будет увидеть сплошные цвета VML: P

person symlink    schedule 21.12.2013