0

サイドにaspメニューがあり、中央に受信ボックスがある受信ボックスを作成しています。データベースから新しい行が表示されたら、フォントの色を赤に変更して太字にする必要があります。addingメニュー項目で使用しました。

Hovered でない場合は、このように表示されます。

データベースに新しいアイテムが見つかった場合

ホバリングした場合、このように見える必要があります。

ホバリングの外観

しかし、問題は、テキストにカーソルを合わせると上の画像のように見えることですが、menuItem の上部または下部 (テキストではなくメニュー項目内) にわずかにカーソルを合わせると、次のようになります。

ホバーオフ

メニュー項目に使用される CSS。

.Menu ul li a {
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;}

.Menu ul li a:hover{
background-image: none;
color: white;
background: #424242;}

サーバー側から色を変更し、フォントを太字に設定するために使用したコードは次のとおりです。

Menu1.Items[0].Text = "<div class='inboxno' >" + "Inbox (" + (i + 1) + ")" + "</div>";

これが inbox の CSS クラスです。

.inboxno{
background-image: none;
color: Red;
font-weight:bold;}

.inboxno:hover{
background-image: none;
color: white;
background: #424242;
font-weight:bold;}

私は問題を理解していると思います。つまり、メニュー項目内の inbox Text の周りにa<DIV>が作成され、Css inboxno が含まれています。しかし、メニュー項目にはパディングがあり、パディング領域にマウスを置くと、inboxno:hover クラスが Div に適用されません。

.Menu ul li aこの問題の解決策の 1 つは、クラスからクラスにアクセスできる場合は .inboxno:hover、パディング プロパティを削除し、クラスで同じパディング プロパティを設定することだと思います.inboxno:hover。

.Menu ul li aしかし、クラスからクラスにアクセスする方法がわかりません.inboxno:hover。

手伝って頂けますか？？

4

1 に答える 1

0

ホバーについて尋ねているだけかどうかはわかりませんが、試してみてください

.Menu ul li:hover a {
    background-image: none;
    color: white;
    background: #424242;
}
于 2012-09-13T06:59:20.657 に答える