html - CSS3 在设置动画时忽略子元素

Question

我试图在悬停时缩放包含子 div(带有 css 背景图像)的 div。当我缩放 div 时，子 div 也会缩放。如何让子 div 不继承父 div 的动画？在这里查看我的结构和 fiddle :

<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。有关详细信息，请参阅 fiddle :http://jsfiddle.net/xtW22/2/