拉斐尔物体的梯度透明度

我试着得到一个部分透明的矩形,左边不透明,右边透明。

这在Firefox、Chrome中有效,但在Internet Explorer 7或IE8中无效。在IE中,所有矩形都以相同的透明渐变显示。

function drawTest(y, pct) {
    var recttest = paper.rect(25,y,100,30);
    var gradstr = "0.0-#db38cc:5-#db38cc:"+pct;
    recttest.attr({"fill": gradstr,"opacity": "0.01"});
}
$(document).ready(function() {
        paper = Raphael(10,100, 400, 400);
        drawTest(0, 30);
        drawTest(50, 40);
        drawTest(100, 50);
        drawTest(150, 60);
        drawTest(200, 70);
        drawTest(250, 80);
});

见 here for an example 以上代码正在运行。

那我怎么能为IE修这个?请注意,我想将矩形放在图像的顶部,这样它必须是透明的(不是白色)。