0

こんにちは私は本当に検索して複数の実験をしようとしています、とにかく私はこれを機能させることができます。

私はjavascriptメニューを使用して、完璧に機能していますが、各メニューの背景を変更しようとしていますが、それもうまくいきます。しかし、HOVERとACTIVEは、その要素に対して機能していません。なぜ..このコードはそれを実行する必要があります。私が思うこと..=（plsは私が学ぶのを助けます。

cssコード

/* COMIENZA  TOP NAVI*/
 .topnavi a {
    width:90px;
    height:65px;
    float:left;
    margin:3px;
    background:url(../imagenes/topnav_01.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}


#tn02 {background:url(../imagenes/topnav_02.png) 0 0 no-repeat;}     
#tn03 {background:url(../imagenes/topnav_03.png) 0 0 no-repeat;}
#tn04 {background:url(../imagenes/topnav_04.png) 0 0 no-repeat;}
#tn05 {background:url(../imagenes/topnav_05.png) 0 0 no-repeat;}




/* mouseover state */
.topnavi a:hover {
    background-position:0 -65px;
}

/* active state (current page state) */
.topnavi a.active {
    background-position:0 -130px;
}        

/* TERMINA TOP NAVI*/

htmlコード

<div class="topnavi">
  <a href="1" class="active" id="tn01"/>
  <a href="2" class="" id="tn02"/>
  <a href="3" class="" id="tn03"/>
  <a href="4" class="" id="tn04"/>
  <a href="5" class="" id="tn05"/>
</div>
4

1 に答える 1

1

ID参照は、クラス参照よりも優先されます。CSSの「C」はカスケードを表すことを忘れないでください！#tn0*ルールは、background-position後で定義するプロパティよりも優先されます。を追加してみてください!important。

/* mouseover state */
.topnavi a:hover {
    background-position:0 -65px !important;
}

/* active state (current page state) */
.topnavi a.active {
    background-position:0 -130px !important;
}
于 2013-01-26T18:56:00.097 に答える