爲什麼圖像上有不透明度如何在圖像上放置不透明度並在div上放置懸停功能？

Question

我試圖顯示下面的圖像沒有任何父母的繼承不透明度。相關代碼：

CSS

 #accordion ul { 

     width:184px; 
     display:none; 
     margin:0px 0px 0px 0px; 
     padding:0px 0px 0px 0px; 
     opacity:0.70; 
     list-style-type: none; 
    } 

     #accordion ul li { 

      width:184px; 
      height:40px; 
      margin:0px 0px 0px 0px; 
      padding:0px 0px 0px 0px; 
      font-size:17px; 
      color:#999999; 
      background:url(img/green.png) no-repeat 8% 50%, url(img/back_line.png) ; 


     } 

     /* styling of submenu item */ 
     #accordion ul li img { 

      padding: 7px 8px 0px 35px ; 
      width:30px; 
      height:30px; 

     } 

     #accordion ul li:hover{ 
      width:184px; 
      height:40px; 
      background:url(img/green.png) no-repeat 8% 50%,#D5D5D2; 
     } 

     /* remove border bottom of the last item */ 
     #accordion ul li.last { 
      border-bottom: none; 
     } 

HTML

<ul id="accordion"> 
    <li> 
     <a href="#" class="item popular" rel="popular"></a> 
     <ul id="inchat" class="list_friends">   
      <div><img src="facebook/49992_720384020_1896998575_q.jpg">Francois</div> 
      <div><img src="facebook/48983_615523712_8495_q.jpg">Yue</div> 
      <div><img src="facebook/41621_717814907_4472_q.jpg">Daivid</div> 
     </ul> 
    </li> 
    <li> 
     <a href="#" class="item category" rel="category"></a> 
     <ul id="inchannel"> 

      <div><img src="facebook/49992_720384020_1896998575_q.jpg">Francois</div> 
      <div><img src="facebook/48983_615523712_8495_q.jpg">Yue</div> 
      <div><img src="facebook/41621_717814907_4472_q.jpg">Daivid</div> 
     </ul> 
    </li> 
    <li> 
     <a href="#" class="item comment" rel="comment"></a> 
     <ul id="online"> 
      <div><img src="facebook/49992_720384020_1896998575_q.jpg">Francois</div> 
      <div><img src="facebook/48983_615523712_8495_q.jpg">Yue</div> 
      <div><img src="facebook/41621_717814907_4472_q.jpg">Daivid</div> 
     </ul> 
    </li> 
</ul> 

圖像具有透明度從我不想讓父母。另外，如何在div上放置hover款式？

謝謝。

Answer 1

這是通過變得更具體與您的CSS完成。

爲IMG CSS：

#accordion ul li img { 
     opacity:0;  
    } 

徘徊使用CSS：

#accordion div:hover { 
    color:#FFF; 
}