每当我把光标放在一个子类别上时,它就会关闭下拉菜单和子类别链接

Whenever I put my cursor over a subcategory it closed the drop down menu and the subcategory link

本文关键字:子类 链接 下拉菜单 光标 一个      更新时间:2023-09-26

我正在为一个网站制作下拉菜单。下拉菜单与许多其他下拉菜单不同,但每次我将光标放在子类别上时,它都会关闭下拉菜单和子类别。请尝试修复它。这是代码:

<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>

好吧,我想我知道这个问题。子类别不是下拉菜单的一部分,所以每当我悬停在它上面时,它就会注册我没有悬停在菜单上,然后它就会关闭它。幸运的是,我有另一种方法,所以我不再需要太多帮助。