Internet explorer IE 11中的背面

我已经设法让我的翻页卡在FF、Chrome中正常工作，我还没有测试Opera，IE是个麻烦

卡片在IE和flips中正确显示，但当卡片翻转时，正面内容颠倒显示，而不是背面内容

我读过一些关于IE 10不支持preserve 3d的文章，但说实话，我甚至不知道这是什么，因为我改编了一些人演示中使用的代码

有人能帮我把卡片背面的内容翻动时显示出来吗

---

可悲的是，我认为这是IE目前的一个缺陷。希望它能在几个月内修复。这也让我疯狂。我确认这似乎是一个错误，我现在有完全相同的问题…好吧，这真的很烦人，因为我想去我的网站生活，但不能因为这个！！

  .stage {
  -webkit-perspective: 1000; 
    -moz-perspective: 1000;
    -o-perspective: 1000; 
    perspective: 1000;
}

.flashcard {
  height: 300px;  
  width: 500px; 
  margin: 10% auto;
  border: 1px solid gray; 
  box-shadow: 2px 2px 2px #000;
  -webkit-transform-style: preserve-3d;  
  transition: all 0.3s;               
  -webkit-transition: all 0.3s;
   transform-style: preserve-3d;
    transition:all 1s linear;
}

.flipped, .back {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg); 
}

.front, .back {
  height: 300px;          
  width: 500px;
  position: absolute;    
  text-align: center;   
-moz-backface-visibility:hidden;
-webkit-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden; 
}
.front p {  
margin-top: 10%;         
font-size: 1.5em;  
line-height: 30px;}

.back p {  

margin-top: 10%;         
font-size: 1em;  
line-height: 30px;}

.qanswer p {    
font-size:4px;}