表td或（div）不透明度改变其余的td或（div）时悬停

Question

当我悬停td元素，如何更改所有td元素的不透明度，除了被悬停的元素？

fiddle

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); 
} 

Demo

Reference

Answer 2

创建悬停在该改变包含所有图像的不透明度表的规则。然后，您可以创建一个规则，以便将不透明度设置为1。设置单个图像的不透明度而不是整个表的重要性，因为小孩不会比其父项更不透明。

table:hover td img { 
    opacity: .5; 
} 
table td img:hover { 
    opacity: 1; 
} 

http://jsfiddle.net/n9MmT/1/