表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/