CSS3当动画时忽略子元素

Question

我试图在悬停时缩放包含子div（带有css背景图像）的div。当我缩放div时，子div也被缩放。我怎样才能让孩子div不继承父母的动画？见我的结构和小提琴这里：

<div style="background:#000;"> 
    <div class="icon-wrap icon-effect"> 
     <a href="#"> 
      <div class="icon"> 
       <div class="arrow-down"></div> 
      </div> 
     </a> 
    </div> 
</div> 

http://jsfiddle.net/B8bGE/

Answer 1

我工作围绕这通过执行以下操作：

<div class="icon-wrap icon-effect"> <a href="#"> 
              <div class="icoback"> 
              <div class="icon"> 
              </div> 
               <div class="arrow-down"></div> 
              </div> 
             </a> 

    </div> 

然后应用一些CSS来.icoback。请参阅小提琴的详细信息：http://jsfiddle.net/xtW22/2/