jquery - テーブル td または (div) 不透明度は、ホバー時に td または (div) の残りを変更します

Question

要素をホバーするとき、ホバーしている要素以外のtdすべての要素の不透明度を変更するにはどうすればよいtdですか?

フィドル

html:

<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>  
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>  
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>
        <td></td>  
    </tr>
  </table>

Answer 1

これを試してみてください。IEで動作すると思います。

table:hover td img {
  opacity: .5;
  filter:alpha(opacity=50);
}
table td img:hover {
  opacity: 1;
  filter:alpha(opacity=100);
}

デモ

参照