firefox中的javascript问题

firefox中的javascript问题,javascript,css,Javascript,Css,我使用这个javascript切换一些具有不同ID的div的可见性。它在google chrome甚至internet explorer中都能正常工作,但在firefox中,当我悬停链接时,div不会改变它们的可见性。 javascript: function loaded() { // this one is called in the body tag about.style.visibility='visible'; last = about; } function to

我使用这个javascript切换一些具有不同ID的div的可见性。它在google chrome甚至internet explorer中都能正常工作,但在firefox中,当我悬停链接时,div不会改变它们的可见性。 javascript:

function loaded() { // this one is called in the body tag
    about.style.visibility='visible';
    last = about;
}

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if (last!=e) {
        e.style.visibility = 'visible';        
        last.style.visibility='hidden';
        last = e;
    }
}
div的css:

#about {
    background-color:#D580FE;
    width:850px;
    height:500px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:40px;
}

#portofoliu {
    background-color:#FF0000;
    width:850px;
    height:500px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:-500px;
    visibility:hidden;
}
#about {
background-color:#D580FE;
width:850px;
height:500px;
margin-left:auto;
margin-right:auto;    
margin-top:40px;

尝试从
可见性:可见
可见性:隐藏
切换到
显示:块
显示:无

所以

}

}

div的css:

#about {
    background-color:#D580FE;
    width:850px;
    height:500px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:40px;
}

#portofoliu {
    background-color:#FF0000;
    width:850px;
    height:500px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:-500px;
    visibility:hidden;
}
#about {
background-color:#D580FE;
width:850px;
height:500px;
margin-left:auto;
margin-right:auto;    
margin-top:40px;
}

}

  • 尝试使用
    e
    以外的其他变量。它在Firefox中用作
    窗口.event
    变量
  • 您的代码应该可以工作。
    如果没有触发mouseover事件,则您的JavaScript在其他地方有问题
  • 或者在某处发布页面,发布更多信息,或者下载Firebug并自己调试

@Bogdan您确定Firefox中调用了
切换可见性吗?是的,我确定。我使用此
  • 调用我的函数。我做错了吗-sdo是否有指向测试页面的链接?是否不选择答案?所有答案都不正确。我通过修改脚本解决了我的问题。我尝试了这个方法,它在chrome和IE中效果很好,但在firefox中它甚至不会隐藏about div。
    #portofoliu {
    background-color:#FF0000;
    width:850px;
    height:500px;
    margin-left:auto;
    margin-right:auto;    
    margin-top:-500px;
    display:none;