--------------------HTML문서--------------------

 

 

 

<div id="container" >
   <table width="760px" class="collapse" border="0" >
    <tr>
     
     <td><a href="#"><img src="img/practice3.jpg"  width="380"></a></td>
     <td><a href="#"><img src="img/practice3.jpg"  width="380"></a></td>
     

    </tr>
    <tr >
     <td><p class="ppcaption">설명입니다</p></td>
     <td><p class="ppcaption">설명입니다</p></td>

    </tr>
    <tr>
     <td><a href="#"><img src="img/practice3.jpg"  width="380"></a></td>
     <td><a href="#"><img src="img/practice3.jpg"  width="380"></a></td>
    </tr>
    <tr>
     <td><p class="ppcaption">설명입니다</p></td>
     <td><p class="ppcaption">설명입니다</p></td> 
    </tr>
    <tr>
     <td><a href="#"><img src="img/practice3.jpg"  width="380"></a></td>
     <td><a href="#"><img src="img/practice3.jpg"  width="380"></a></td>

    </tr>
    <tr >
     <td><p class="ppcaption">설명입니다</p></td>
     <td><p class="ppcaption">설명입니다</p></td>

    </tr>

   </table>
  </div>

 

 

 

 

 

-------------------CSS문서작성--------------------

 

 

#container img a:hover{

 opacity: 0.9;
    filter: alpha(opacity=90);

}

  

 

-----------------------------------------------------

 

 

 

안녕하세요. 알음알음 개인페이지를 위해 웹을 배워나가는 직장인입니다. 

다음과 같은 화면 테이블속 이미지에 마우스를 가져다대면

뿌옇게 되는 효과를 만드려고하는데

작동이 안되는것같아 질문드립니다.ㅜㅜ

제가 자바를 몰라서 CSS로만 해야할것같은데

어떻게 해야할까요