1

html と css を使用してナビゲーションをアクティブに保つことができません。点灯するだけで、押してもアクティブになりません。私は何が欠けていますか？

押されたときにアクティブなままにするにはどうすればよいですか? 本当に急いで助けが必要です！私の悪いコードで申し訳ありません。私はコーディングが初めてです。

アクティブなクラスを入力するにはどうすればよいですか? しようとしましたが、うまくいきませんでした。

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;
}
4

1 に答える 1

1

に変更#menu2 a:hover{するだけ#menu2 a:hover, #menu2 a:active {です。

#menu2 a:activeCSSに追加するだけです。

#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;
}

試してみましたが、うまくいきません。ホバリングし続けますが、押してもアクティブになりません。

于 2013-06-09T17:55:34.680 に答える