每當我把光標放在子類別上時，它會關閉下拉菜單和子類別鏈接

Question

我正在嘗試爲網站製作一個下拉菜單。下拉菜單與許多其他下拉菜單不同，但每次將光標放在子類別上時，都會關閉下拉菜單和子類別。請嘗試修復它。這裏是代碼：

<style type="text/css"> 

    a:link { 
    color: black; 
    } 


    a:visited { 
    color: black; 
} 


a:hover { 
    color: lightBlack; 
} 


a:active { 
    color: gray; 
} 

a { 
    text-decoration: none; 

} 



a.rel { 
    position: relative; 


    } 

.sa { 
    color:white; 

    } 
.sd { 
border-right-style:visible;border-right-width:1px; border-bottom- style:visible        
border-bottom-color:black; border-bottom-width: 5px; 
background-color: #040404; 
border-bottom:#040404; 
border-right: solid 2px; 
border-right-color:gray; 
} 
</style> 
<style type="text/css"> 

a:link { 
    color: black; 
} 


a:visited { 
    color: black; 
} 


a:hover { 
    color: lightBlack; 
} 


a:active { 
    color: gray; 
} 

a { 
    text-decoration: none; 

} 



rel { 
    position: relative; 


} 

.sa { 
    color:white; 

    } 
.sd { 
    border-right-style:visible;border-right-width:1px; border-bottom-style:  visible; 
    border-bottom-color:black; border-bottom-width: 5px; 
    background-color: #040404; 
    border-bottom:#040404; 
    border-right: solid 2px; 
    border-right-color:gray; 
    } 
</style> 
<font size="5"> 
<img src = "chan-art2.png" cellspacing="0" border="0"/><br/> 
<style type="text/css"> 
a:link { 
     color: white; 
} 


a:visited { 
     color: white; 
} 


a:hover { 
     color: #AEAEAE; 
     transition: color 0.3s; 
} 
a:active { 
    color: white; 
} 

#text1 a:hover { 
    font-size:20px; 
    color: black; 
    transition-timing-function: ease-out; 
    transition: font-size .5s,color .5s; 


    } 
    span#menuspan:hover { 
     padding-bottom: 300px; 
     padding-right: 100px; 
     border-bottom-style:visible; 
     border-bottom-color: gray; 
     border-bottom: block 2px; 
     position: absolute; 
     -webkit-transition-timing-function: ease-out; 
     transition: padding-bottom .6s, padding-right .5s; 


} 



</style> 
<div> 
<span class="sd"><a cellspacing="0"   href="#no_link_so_far_put_one_here">About</a></span><span onmouseout="iv()" onmouseover="univ()" cellspacing="0" id="menuspan" class="sd"><a 
href="index.html">Home</a><br/></span><br/> 
<div style="padding-left: 70px;"> 
<a id="newr" style="position:absolute; visibility:hidden; margin-top: none;border:none;" href="#" >New Releases</a> 
</div> 
</font> 
</div> 

Answer 1

嗯，我想我知道這個問題。該子類不是下拉菜單的一部分，所以每當我將鼠標懸停在它上面時，它都會註冊我沒有在菜單上懸停，然後關閉它。幸運的是，我得到了另一種方法，所以我不再需要太多的幫助。