使用jquery替换preserve-3d以用于IE

因此，我在fiddle上使用jquery获得了一个简单的cardflip：

它适用于我尝试过的所有浏览器（或者至少适用于某些webkittery），但你猜到了，IE除外

我在想，既然preserve-3d应该将3d转换传递给子元素，我就可以摆弄jquery来让它工作。所以我做了一件傻事：

想象一下“如果”可以工作（因此在IE上测试/不必在其他浏览器上工作）

我对3d变换和preserve-3d的工作原理的理解可能是错误的，但我没有想法。最好在不改变CSS的情况下工作

---

第一个问题，我希望我没有搞砸太多。感谢您的帮助。

鼠标悬停时是否应该翻转？如果是这样的话，它在任何浏览器上都不起作用。我已经删除了所有的WebKit以使其更易于查看，然后在chrome上进行了测试，它起了作用。这是原件：。我已经在chrome上进行了测试，但应该可以在FF上使用。IE现在在Windows10技术预览版中支持preserve-3d。好消息！谢谢你提供的信息。

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

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

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