0

タグが td タグ内にネストされたテーブルがあります。問題は、td タグに疑似ホバー クラスを適用すると、それに応じて a タグが応答しないことです。これで、疑似クラスを a タグにも適用できますが、a タグは td セルの領域全体には及びません。ホバリングすると背景とテキストの両方の色が変わりますが、背景は正常に機能するようになりましたが、セルの高さ全体に及ばないタグにカーソルを合わせたときにのみテキストの色が変わります。td タグの任意の部分にカーソルを合わせると、a タグのテキストの色が変わります。ここに私の実例があります: http://jsfiddle.net/gGAW5/

どうもありがとうございます

4

3 に答える 3

3

必要なことは、CSS に 2 つ目のセレクターを追加することだけですa:hover。

#rightDiv a:hover,
#rightDiv td:hover a {
    text-decoration: none;
    color: #2363b0;
}​

JS フィドルのデモ。

これは、ホバリングされているのが であるか、それ自体であるかに関係なく、aをその:hover状態でスタイルします。tda

于 2012-06-27T15:19:09.270 に答える
1

あなたが望むように働くフィドルはここにあります：

http://jsfiddle.net/gGAW5/9/

#rightDiv td{
font-size: 18px;
color: #ffffff;
padding: 10px 5px; 
border: 1px solid #000099;    
}

#rightDiv a{
color: #ffffff;
display:block;
padding: 22px 5px; 
background: url(http://v4m.mobi/php/landing/images/rightDivBack.jpg) no-repeat;    
}

#rightDiv a:hover{
text-decoration: none;
color: #2363b0;
background-position: -300px 0px;
}   ​

#rightDiv td:hoverスタイルを削除します。

于 2012-06-27T15:23:11.060 に答える
0

ルールに追加color: #2363b0;します。td:hover

于 2012-06-27T15:20:55.333 に答える