Firefox 中的 javascript 问题

Question

我正在使用这个 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;
}

Answer 1

尝试从 visibility:visible 和 visibility:hidden 切换到 display:block 和 display:none

所以...

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

function toggle_display(id) {
var e = document.getElementById(id);
if (last!=e) {
    e.style.display = 'block';        
    last.style.display='none';
    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;
display:none;