更改背景图片的不透明度，但不更改背景图片的内容

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不透明度，它会始终从其父元素中获取更高的值。