小编MAL*_*ALK的帖子

-moz-mask-imageFirefox 似乎不支持它.

我正在尝试前景渐变.我不能使用图像,因为我需要文本可选.有没有人对Firefox有任何想法？

此版本适用于chrome和safari

CSS:

-webkit-mask-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));

-moz-mask: -moz-gradient(linear, left bottom, left top, color-stop(0.16, rgba(0,0,0,0)), color-stop(0.52, rgba(0,0,0,.5)), color-stop(0.77, rgba(0,0,0,1)));

我pointer-events: none使用jQuery 实现了Raphael元素,如下所示:

var raphaelElement = Raphael.ellipse(x,y,w,h);
$(raphaelElement.node).css({'pointer-events': 'none'});

这很好但当然在IE8中,Raphael使用VML而不是SVG,这个解决方案失败了.

有没有人有另一个解决方案,基本上使Raphael元素忽略事件.