2011-04-28 74 views
3

我用Inkscape制作了几个六边形,并将它们放置在一些HTML5中。我有onmouseover事件工作,但onmouseout事件不起作用。我在谷歌浏览器11.0.696.57测试版上运行。有谁知道问题是什么?HTML5 SVG和鼠标事件

这里是链接到HTML https://docs.google.com/leaf?id=0B7ZCkMUvddWIOTAxNmJlYjctODNlOS00MzFlLTgwY2EtOTY1NzZkZGQ2Yjgx&sort=name&layout=list&num=50

+4

请把您的相关代码在你的文章中。 – austinbv 2011-04-28 05:38:32

回答

0

我已经修复它在铬(这么想的在野生动物园,歌剧或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"); 
} 

http://jsfiddle.net/ERyS4/7/

+0

请将您的相关代码放入您的帖子中 – Quentin 2011-04-28 09:19:45

+0

我曾经举办过活动,因为我可以使用Chrome开发人员工具观看它,但没有发生变化。不透明度保持不变。但是,如果我点击鼠标右键,检查元素并关闭它,它会改变。这一变化即时显示在Firefox中。 – Derek 2011-04-28 15:29:00

+0

我想我已经发现了这个问题。看来Chrome在“填充不透明”方面存在问题。如果我将属性更改为“不透明”,它将起作用。尽管感谢您的帮助。我想知道是否有解决办法,或者我只是处理它? – Derek 2011-04-28 15:51:37