无法让我的导航使用 html 和 css 保持活跃。它只是亮起,但按下时不会保持活动状态。我错过了什么?
按下时如何使其保持活动状态?真的急需帮助!我是编码新手,所以请帮忙。
尝试更改#menu2 a:hover{
为#menu2 a:hover, #menu2 a:active {
.
添加#menu2 a:active
到CSS。
#menu2 a:hover,#menu2 a:active{
background-image: url(bildes/apak_navig_green.png);
color:white;
font:14px Arial;
color:black;
text-decoration:none;
display: block;
line-height:30px;
}
但是没有用,当我只离开活动类时,它只是在我需要的外观中出现故障,然后又回到旧外观,我想那是因为信息位于不同的 html 文件中,但是我怎么能让它起作用?
HTML
<div id="apaknavig">
<div id="menu2">
<ul>
<li><a href="uznemums.html">Uzņēmums</a></li>
<li><a href="kontakti.html">kontakti</a></li>
</ul>
</div>
</div>
CSS
#apaknavig {
Width: 200px;
height: 604px;
top:-613px;
position:relative;
font:14px Arial;
color:black;
float:left;
right:35px;
text-indent:12px;
display: block;
line-height:30px;
}
#menu2 ul{
list-style:none;
float: left;
font:14px Arial;
color:black;
right:90px;
text-decoration:none;
text-align:left; width:10px;
display: block;
line-height:30px;
margin-bottom:10px;
}
#menu2 a{
background-image: url(bildes/apak_navig.png);
display:block;
width: 196px;
height:34px;
font:14px Arial;
color:black;
float:left;
right:90px;
text-decoration:none;
display: block;
line-height:30px;
margin-bottom:3px;
}
#menu2 a:hover{
background-image: url(bildes/apak_navig_green.png);
color:white;
font:14px Arial;
color:black;
text-decoration:none;
display: block;
line-height:30px;
}