1

その方向に進むと、左側が不透明になり、右側がより透明になる長方形を部分的に透明にしようとしています。

これはFirefox、Chromeで機能しますが、InternetExplorer7または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);
});

上記のコード実行の例については、ここを参照してください。

では、IEでこれを修正するにはどうすればよいですか？画像の上に長方形を配置したいので、画像は透明（白ではない）でなければならないことに注意してください。

4

1 に答える 1

9

これは修正できません。これはVMLとRaphaëlの制限です。

ただし、長方形の幅を狭くして、目的の効果を得ることができます。半透明のrectを取得するには、.attr（{fill： "0-＃000-＃000"、opacity：0}）;を適用する必要があります。次に、長方形の幅で遊んでください。

于 2010-06-23T07:46:07.353 に答える