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/