Hover <a> <td> ändern <td> hintergrund Bild

Möchte ich den hintergrund ändern, der <TD> wenn der Benutzer mit der Maus über einen link <a> im <td>

Teil meines HTML:

<tr class="menuBarBottomSelected">
<td width="20%">
<a class="menuBarBottomUnselected" href="./url.php">Getting&nbsp;Started</a>
</td>
</tr>

Dies ist mein css:

.menuBarBottomSelected{
    background-image: url('/auth/radius/submenu_bg.jpg');
    background-repeat: repeat-x;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #ffffff;
    border-top:#666666 solid 1px;
}

tr.menuBarBottomUnselected td a:hover{
    color:black;    
    background-image: url('/auth/radius/submenu_bg_hover.jpg');
    background-repeat: repeat-x;}

Den html erzeugt wird, also bin ich nicht sicher, warum würden Sie verwenden die gleiche Klasse für den link und den td. Ich war in der Lage, zuzuweisen :bewegen Sie die Maus über den link, sondern nur den hintergrund des Textes verändert nicht die ganze <td>

InformationsquelleAutor Denoteone | 2011-09-15

Schreibe einen Kommentar