Javascript HTML5 SVG和鼠标事件

我用Inkscape制作了一些六边形，并将它们放在一些HTML5中。我让onmouseover事件工作，但onmouseout事件不工作。我在谷歌Chrome11.0.696.57测试版上运行这个。有人知道问题出在哪里吗

这里是HTML的链接

---

我对示例中的一些内容进行了更改，以在chrome中修复它（示例在safari、opera或IE9中不起作用）

首先，在onmouseover和onmouseout语句之后有一些分号

onmouseover = "Hilight(evt)"
onmouseout = "Darken(evt)"

第二个事件发生了，但是阿尔法是0.06，我把它改成了0.6，现在更明显的是，它发生了：

function Darken(evt) {
     var GameSpace = evt.target;
     GameSpace.setAttribute("style", "fill-opacity: 0.6"); 
}

---

请将相关代码放在帖子中。我触发了事件，因为我可以用Chrome开发工具观看，但更改没有发生。不透明度保持不变。但若我点击鼠标右键，检查元素并关闭它，它就会改变。这一变化会立即在Firefox中显示出来。我想我已经发现了问题所在。Chrome似乎存在“填充不透明度”问题。如果我将属性更改为“不透明度”，它将正常工作。谢谢你的帮助。我想知道是否有一个解决方案，或者我只是处理它？您还应该删除内联SVG。通过使用“不透明度”而不是“填充不透明度”，也会影响笔划。您可以在不使用JavaScript的情况下实现想要的效果，只需使用CSS（即“：focus”选择器）。