изменить непрозрачность фонового изображения, но не содержание над ним

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 как .2 непрозрачность, а его дочерние элементы должны быть чем-то большим, чем .2 opacity, оно всегда будет иметь более высокое значение из его родительского элемента.