javascript - css hover 在 IE11 上

Question

先看我的fiddle代码，

在 hover 任何 div 上，它会翻转，翻转后 back side text and style 在 IE 11 上不显示

请检查 chrome 或 Firefox 是否正常工作

Answer 1

不对父级应用旋转，而是对前面板和后面板本身应用旋转。为此创建一个前面板，目前您只有一个后面板:

<div id="one">
    <div class="front face">
      <h3 class="text">Developer</h3>
       <span class="glyphicon glyphicon-eye-open"></span>
    </div>        
    <div class="back face center">
        <p>one Back Side</p>
    </div>
</div>

每个面板都有backface-visibility:hidden

Demo

附言不明白为什么需要 preserve-3d...