使用jquery替换preserve-3d以与IE一起使用

Question

所以，我在小提琴上使用jquery获得了这个简单的卡片翻转：

http://jsfiddle.net/u4v5enfp

$(".flip").hover(function(){
  $(this).find(".card").toggleClass("flipped");
    return false;
});

它适用于我尝试过的所有浏览器（或者至少可以使用某些webkit），除非您猜对了，IE。

我在想，因为preserve-3d应该将3d变换传递给子元素，我可以用jquery来调整它以使其工作。所以我做了这个愚蠢的事情：

http://jsfiddle.net/7x0es3pa/2

card = $(".card");
$(".flip").hover(function () {
    flip(card);
    return false;
});

function flip(el) {
    children = el.children();
    el.toggleClass('flipped');
    //if IE
    children.toggleClass('flipped');
}

想象一下＆＃34;如果＆＃34;有效（因此在IE上测试/不必在其他浏览器上工作）。

我对3d变换和保存-3d的工作原理的理解可能在这里有问题，但我没有想法。最好是在不改变CSS的情况下工作。

第一个问题，我希望我没有太多陷入困境。任何帮助表示赞赏。