Javascript 禁用IE中的CSS动画效果

我在CSS中使用了一个很酷的

“pop”

悬停效果，它在Chrome中看起来很棒

但是，在InternetExplorer11（及以下）中，鼠标悬停时方框区域变为空白，然后变为黑色

有没有办法在IE中禁用此功能，或者至少修复暂时消失的故障

演示：

@导入url(http://fonts.googleapis.com/css?family=Roboto);
氢{
字号：18px；
边缘底部：20px；
线高：28px；
边际上限：0；
字号：900；
}
.effects{}正文{
保证金：0自动；
最大宽度：800px；
填充：40px20px20px20px；
字体系列：无衬线；
颜色：#333；
线高：140%；
}
img{
边界：无；
}
小的{
显示：块；
}
P
[class^=“hvr-”]{
字体系列：“Roboto”，无衬线；
}
[class^=“hvr-”]{
/*显示：内联块*/
/*垂直对齐：中间对齐*/
边缘：.4em；
填充：1em；
光标：指针；
背景：#e1e1；
文字装饰：无；
颜色：#666；
/*防止在轻敲元件时突出显示颜色*/
-webkit点击高亮显示颜色：rgba（0,0,0,0）；
}
.aligncenter{
文本对齐：居中；
}
a{
颜色：#2098D1；
文字装饰：无；
}
.mt-30{
边缘顶部：30px；
}
a:悬停{
背景：黑色
}
/*!
*Hover.css(http://ianlunn.github.io/Hover/)
*版本：2.0.2
*作者：Ian Lunn@Ian Lunn
*作者URL:http://ianlunn.co.uk/
*Github：https://github.com/IanLunn/Hover
*根据麻省理工学院许可证提供：
* http://www.opensource.org/licenses/mit-license.php
*Hover.css版权所有Ian Lunn 2014。用Sass生成。
*/
/*二维过渡*/
/*流行音乐*/
@-webkit关键帧web hvr pop{
50% {
-webkit转换：规模（1.2）；
转换：比例（1.2）；
}
}
@关键帧hvr pop{
50% {
-webkit转换：规模（1.2）；
转换：比例（1.2）；
}
}
.hvrpop{
显示：内联块；
垂直对齐：中间对齐；
-webkit转换：translateZ（0）；
变换：translateZ（0）；
长方体阴影：0 1px rgba（0,0,0,0）；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
-moz osx字体平滑：灰度；
}
.hvr pop:悬停，
.hvr pop：聚焦，
.hvr-pop：活动{
-webkit动画名称：web hvr pop；
动画名称：hvrpop；
-webkit动画持续时间：0.3s；
动画持续时间：0.3s；
-webkit动画计时功能：线性；
动画计时功能：线性；
-webkit动画迭代计数：1；
动画迭代次数：1；
}

---

-ms动画名称：无可以解决这个问题


@导入url(http://fonts.googleapis.com/css?family=Roboto);
氢{
字号：18px；
边缘底部：20px；
线高：28px；
边际上限：0；
字号：900；
}
.效果{
}
身体{
保证金：0自动；
最大宽度：800px；
填充：40px20px20px20px；
字体系列：无衬线；
颜色：#333；
线高：140%；
}
img{
边界：无；
}
小的{
显示：块；
}
p、 [class^=“hvr-”]{
字体系列：'Roboto'，无衬线；
}
[class^=“hvr-”]{
/*显示：内联块*/
/*垂直对齐：中间对齐*/
边缘：.4em；
填充：1em；
光标：指针；
背景：#e1e1；
文字装饰：无；
颜色：#666；
/*防止在轻敲元件时突出显示颜色*/
-webkit点击高亮显示颜色：rgba（0,0,0,0）；
}
.aligncenter{
文本对齐：居中；
}
a{
颜色：#2098D1；
文字装饰：无；
}
.mt-30{
边缘顶部：30px；
}
a:悬停{
背景：黑色
}
/*!
*Hover.css(http://ianlunn.github.io/Hover/)
*版本：2.0.2
*作者：Ian Lunn@Ian Lunn
*作者URL:http://ianlunn.co.uk/
*Github：https://github.com/IanLunn/Hover
*根据麻省理工学院许可证提供：
* http://www.opensource.org/licenses/mit-license.php
*Hover.css版权所有Ian Lunn 2014。用Sass生成。
*/
/*二维过渡*/
/*流行音乐*/
@-webkit关键帧web hvr pop{
50% {
-webkit转换：规模（1.2）；
转换：比例（1.2）；
}
}
@关键帧hvr pop{
50% {
-webkit转换：规模（1.2）；
转换：比例（1.2）；
}
}
.hvrpop{
显示：内联块；
垂直对齐：中间对齐；
-webkit转换：translateZ（0）；
变换：translateZ（0）；
长方体阴影：0 1px rgba（0,0,0,0）；
-webkit背面可见性：隐藏；
背面可见性：隐藏；
-moz osx字体平滑：灰度；
}
.hvr pop:悬停，.hvr pop:聚焦，.hvr pop:激活{
-webkit动画名称：web hvr pop；
-moz动画名称：webhvrpop；
动画名称：hvrpop；
-ms动画名称：无；
-moz动画持续时间：0.3s；
-webkit动画持续时间：0.3s；
动画持续时间：0.3s；
-webkit动画计时功能：线性；
动画计时功能：线性；
-webkit动画迭代计数：1；
动画迭代次数：1；
}

在IE11上测试并按预期工作：未发现“故障”。@ADreNaLiNe DJ Weeeird。不是第一个提到这个的人。我已启用/禁用兼容性视图，但仍然得到相同的“悬停，它变为空白，然后变为黑色”结果。哇-@Hitesh-你是我的英雄！：-听起来不错@michael。祝你好运：）