css悬停在IE11上答案

【问题标题】：css hover on IE11css悬停在IE11上
【发布时间】：2016-05-31 23:06:09
【问题描述】：

首先查看我的fiddle 代码，

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

请检查 chrome 或 Firefox 是否正常运行

【问题讨论】：

在 chrome 中也有很多问题
IE does not support the transform-style: perserve-3d property。类似的问题可能：stackoverflow.com/questions/22848328/…
#one:hover 到 #eight:hover - 都有相同的 CSS 代码，为什么要单独使用这些选择器？您可以将它们单打。您也可以将#one 到#eight 的相同样式组合到单个类中并使用该类。维护 CSS 会更容易。
链接JSFiddle时需要有代码

标签： javascript css html

【解决方案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 ...

【讨论】：