更改背景圖片的不透明度，但不更改背景圖片的內容

Question

我想更改背景圖片的不透明度 ，但不更改爲該圖片上的內容。 任何人都可以建議如何做到這一點與CSS過渡。

http://jsfiddle.net/RcQTH/

<div class="gd_col"> 
    <div class="rat" id="clth"> 
     <!--<a class="nav_list">--> 
     <div class="title_box"> 
      CLOTHING 
      <span class="arrow_click"></span> 
     </div> 
     <div class="content_x"> 
      <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTM134e2axCCV2ugnDbtDyGIQcY2RTlYnU_6-skesMXm8CMIw5e" /> 
     </div> 
     <!--</a>--> </div> 
    <div class="add_links" id="al_1"> 
     <ul> 
      <li><a href="#">For Men</a></li> 
      <li><a href="#">For Women</a></li> 
      <li><a href="#">For Kids</a></li> 
      <li><a href="#">Featured Deals</a></li> 
      <li class="view_all"><a href="#" class="view_all_links">View All&nbsp»</a></li> 
     </ul> 
    </div> 
</div> 

Answer 1

你要潑你格 「add_links」 成2周獨立的div。一個用於黑色背景，另一個用於其上的鏈接。您不能將父div設置爲.2不透明度，並且它的子元素大於.2不透明度，它會始終從其父元素中獲取更高的值。