0

onMouseOver行全体に効果行を適用したいと思います。

CSS:

tr:hover{       
    background-color: #FFEEC2;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #4B4B6F;
    cursor: default;
}

HTML :

<table>
    <tr onClick="javascript: printit();">
        <td class="MenuImage"><img src="/images/print.gif" width="16" height="16"></td>
        <td class="MenuCaption">Print</td>
    </tr>
</table>

ただし、ホバー効果は印刷ラベルのセルでのみ機能します。画像のあるセルでもホバー効果を機能させるにはどうすればよいprint.gifですか?

4

2 に答える 2

0

誰かが完璧に機能する答えを思いついた。

答えは、background-imageを置くことを提案しました:なし;

     tr:hover{       
       background-color: #FFEEC2;
       border-width: 1px 1px 1px 1px;
       border-style: solid;
       border-color: #4B4B6F;
       cursor: default;
       background-image: none;
    }
于 2013-03-22T14:23:12.100 に答える
0

Dead Man のフィドルとランテの要点に基づいて構築するために、このデモでは何が表示されるかを示します。ホバー状態は機能しますが、画像は効果を隠します。

http://jsfiddle.net/v4QHQ/12/

1 つの解決策は、画像の周りにパディングを適用することです。

http://jsfiddle.net/v4QHQ/13/

td {
    padding: 10px;
}
于 2013-03-22T13:56:56.433 に答える