<div id="zgoraj">
<a href="">Domov</a>
<a href="">Moj profil</a>
<a href="">Administracija</a>
<a href="" >Urejanje urnikov</a>
<a href="">Statistike</a>
</div>
<style>
#zgoraj{
width:670px;
background-color:#FF8000;
height:54px;
}
#zgoraj a{
border-style:solid;
border-width:2px;
border-color:black;
padding-top: 20px;
display:block;
float:left;
width:130px;
height:30px;
text-decoration:none;
color:white;
text-align:center;
/*box-shadow: 0 -7px 22px 6px #000000 inset;*/
}
#zgoraj a:hover{
color:black;
background-color:white;
}
</style>
这是我的“菜单栏”的代码。当选择一个链接并将您重定向到指定的 url 时,我希望悬停效果保持打开状态(我将编辑 href 属性)。
最佳答案
假设您在每个页面的顶部都有相同的菜单,您需要更新您的 CSS 以将额外的类定义添加到您的悬停样式:
#zgoraj a:hover, #zgoraj a.active {
color:black;
background-color:white;
}
然后将 'class="active"' 添加到应突出显示的 元素。
关于html - Html制作的菜单栏,悬停和选择效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12519608/