javascript - onmouseover 抛出对象为空或未定义

Question

onmouseover不能在 IE9 中工作。控制台抛出此错误：

SCRIPT5007：无法设置属性“onmouseover”的值：对象为空或未定义

这是我的代码：

window.onload = function()
{
var FB;
FB = document.getElementById('facebook_logo');
FB.onmouseover=function(){FB.src='images/facebook.png';};
FB.onmouseout=function(){FB.src='images/facebook_mono.png';};
}

这是正在运行的页面。 troythobodeaux.com/websites/mytappap/

当您将鼠标悬停在导航栏中的 Facebook 图标上时，它应该会切换，但在 IE9 中它不起作用。似乎适用于 IE7、8、Firefox 和 Chrome。

任何帮助，将不胜感激。

Answer 1

我能够在本地重现该错误，发现不包含 CSS 文件时不会发生该错误。然后我发现了导致问题的 CSS 规则。这是这个规则#nav：

-moz-border-radius: 7px;

我不确定为什么会导致问题，但确实如此。至少我在本地测试时是这样。