3

lionMouseOverでタグの背景色を変更する最良の方法は何ですか？私はそれをこのように試しましたが、うまくいきません：

HTMLを生成するコード：

echo "<a href=".$obj_players->Page." target=_parent>
      <li style=\"background-color:#FFFFFF;\"><span class=\"left\">" . $obj_players->Name . "</span><span class=\"right\">" . $obj_players->Viewers . "</span></li></a>";

CSS：

#navlist li:hover {
    background-color:#2EA620;
}

#navlist li {
    width:175px;
    height:30px;
    text-align:center;
    line-height:30px;
    font:"Myriad Pro";
    font-size:14px;
    padding-left:10px;
    padding-right:10px;
    border-bottom:1px solid;
    border-color:#333;
}

説明：背景色が異なる要素liがあるため、タグで背景色を宣言する必要があります。liそして、liはdivIDnavlistを使用しています。

また、マウスオーバーで背景色を変えたくないという問題もありますがli、自分で管理できるはずなので、後で解決します。

4

1 に答える 1

12

background-color:#FFFFFFインラインを削除し、それをcssに追加する必要があります。その後、#navlist li:hover { background-color:#2EA620; }動作するはずです。

例： http： //jsfiddle.net/jU8Pp/

于 2013-01-28T19:35:19.817 に答える