内联SVG Gradient在Opera中变为黑色

Question

我遇到类似this的类似问题，并根据该问题准备了一个示例：

http://jsfiddle.net/kxhyv/

除了Safari和Opera之外，每个浏览器都处理这个问题。在Opera中，如果你第一次点击 “运行”SVG呈现为黑盒子。单击“更新”后，将呈现SVG 正确。 在我们的应用程序中，我们在ExtJS 4.1.1中使用它直接用

设置面板的html代码

html = '<svg id="foo" > .... </svg>';
this.update(html);

其中html只是包含svg的String。

它工作正常，除了两个浏览器中的渐变，然后给我一个黑色的形状。 由于各种原因（事件处理，ID等操作），它必须是一个内联SVG才能使事件监听器运行：

listeners : {

    click : {
        element : 'el',
        fn : function(a, b, c, d) {
            var svgElement = b;
[...]

我现在完全没有想法，非常感谢所有建议。