html - 画像のグリッド: ホバーすると、すべてが薄暗くなりますが、マウスがその上にあるものです。

Question

グリッド画像があります。マウスを置いた画像以外の画像にマウスを合わせると、すべての画像が暗くなります (不透明度の変更)。

これが私が使用しているものですが、強調表示されたものの不透明度を変更するだけです

 #grid li a:hover img {
   opacity:0.3;  filter:alpha(opacity=30);
  }
  .... ...
  ...
<div class="portfolio">
  <ul id="grid">
   <li><a href="#"><img src="1.jpg"></a></li>
   <li><a href="#"><img src="2.jpg"></a></li>
    ....
       .....