Javascript 翻转在IE&；中不起作用；asp.net中的Firefox

我有带脚蹼的图表。这意味着前面部分（z索引：2）将是文本，后面部分将是图表

如果我将鼠标移到前面，则将显示后面的部分图表（工作铬）。但IE和Firefox也不适用

请参阅随附的图片和代码片段，如何解决这个问题？ 我感谢你的帮助。 谢谢

Flipper.css
.翻转容器{
-webkit透视图：1000；
-莫兹透视图：1000；
-o型透视图：1000；
前景：1 000；
/*边框：1px实心#ccc*/
边界：无；
高度：自动；
宽度：100%；
显示：内联块；
}
.flip容器：悬停.flipper，
.flip-container.hover.flipper{
-webkit变换：旋转（180度）；
-莫兹变换：旋转（180度）；
-o变换：旋转（180度）；
变换：旋转（180度）；
}
.翻转容器，.正面，.背面{
高度：自动；
宽度：100%；
填充：0px；
边际：0px；
}
.鳍状肢{
-webkit转换：0.6s；
-webkit变换样式：保留-3d；
-moz跃迁：0.6s；
-moz变换样式：preserve-3d；
-o-转变：0.6s；
-o变换样式：preserve-3d；
过渡：0.6s；
变换样式：保留-3d；
位置：相对位置；
}
.前面，.后面{
-webkit背面可见性：隐藏；
-moz背面可见性：隐藏；
-o-背面-可见性：隐藏；
背面可见性：隐藏；
位置：绝对位置；
排名：0；
左：0；
对齐内容：居中对齐；
}
.前线{
z指数：2；
}
.回来{
-webkit变换：旋转（180度）；
-莫兹变换：旋转（180度）；
-o变换：旋转（180度）；
变换：旋转（180度）；
边界：无；
}
.前面.姓名{
字号：2em；
显示：内联块；
字体系列：Arial、Verdana、Helvetica、无衬线字体；
边界半径：5px；
身高：100%；
宽度：100%；
位置：绝对位置；
-webkit变换：旋转（-0度）；
-moz变换：旋转（-0度）；
-o变换：旋转（-0度）；
变换：旋转（-0度）；
背景色：#cef8ff；
背景图像：-webkit渐变（线性、左上、左下、从（#cef8ff）到（#7fe0f8））；
背景图像：-webkit线性渐变（顶部，#cef8ff，#7fe0f8）；
背景图像：-moz线性梯度（顶部，#cef8ff，#7fe0f8）；
背景图像：-ms线性梯度（顶部，#cef8ff，#7fe0f8）；
背景图像：-o-线性梯度（顶部，#cef8ff，#7fe0f8）；
背景图像：线性渐变（至底部，#cef8ff，#7fe0f8）；
过滤器：progid:DXImageTransform.Microsoft.gradient（GradientType=0，startColorstr=#cef8ff，endColorstr=#7fe0f8）；
}

我解决了这个问题
.翻转容器{
-webkit透视图：1000；
-莫兹透视图：1000；
-ms透视图：1000；
前景：1 000；
-ms变换：透视图（1000px）；
-moz变换：透视图（1000px）；
-moz变换样式：preserve-3d；
-ms变换样式：preserve-3d；
/*边框：1px实心#ccc*/
高度：自动；
宽度：100%；
}
/*开始：适应IE*/
.flip-container:hover.back、.flip-container.hover.back{
-webkit变换：旋转（0度）；
-moz变换：旋转（0度）；
-o变换：旋转（0度）；
-ms变换：旋转（0度）；
变换：旋转（0度）；
}
.flip容器：悬停.front、.flip-container.hover.front{
-webkit变换：旋转（180度）；
-莫兹变换：旋转（180度）；
-o变换：旋转（180度）；
变换：旋转（180度）；
}
/*结束：为IE提供住宿*/
.翻转容器，.正面，.背面{
高度：自动；
宽度：100%；
边际：0px；
填充：0px；
}
.鳍状肢{
-webkit转换：0.6s；
-webkit变换样式：保留-3d；
-ms转换：0.6s；
-moz跃迁：0.6s；
-moz变换：透视图（1000px）；
-moz变换样式：preserve-3d；
-ms变换样式：preserve-3d；
过渡：0.6s；
变换样式：保留-3d；
位置：相对位置；
}
.前面，.后面{
-webkit背面可见性：隐藏；
-moz背面可见性：隐藏；
-ms背面可见性：隐藏；
背面可见性：隐藏；
-webkit转换：0.6s；
-webkit变换样式：保留-3d；
-webkit变换：旋转（0度）；
-moz跃迁：0.6s；
-moz变换样式：preserve-3d；
-moz变换：旋转（0度）；
-o-转变：0.6s；
-o变换样式：preserve-3d；
-o变换：旋转（0度）；
-ms转换：0.6s；
-ms变换样式：preserve-3d；
-ms变换：旋转（0度）；
过渡：0.6s；
变换样式：保留-3d；
变换：旋转（0度）；
位置：绝对位置；
排名：0；
左：0；
对齐内容：居中对齐；
}
.前线{
-webkit变换：旋转（0度）；
-陈女士