CSS3图像滑块：悬停时，IE中不显示暂停按钮

这是我建立的第一个网站，所以对我来说很容易

我根据在线教程制作了这个CSS3图像滑块，效果非常好。它从右向左滑动，使滑块外的图像保持隐藏状态，直到它们滑入。悬停时，滑块将暂停其动画，并在图像上方显示一个暂停按钮，悬停后该按钮将消失。除IE外，所有浏览器都能正常工作，暂停按钮不会显示

有什么想法吗？！？！我为这件事非常生气

这是暂停按钮动画的CSS

div#css3slider:hover {
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}}

div#css3slider img {
float: right;
}

div#slidercontainer:after {
content: "❚❚";
font-size: 165px;
color: rgba(255,255,255,0.0);
-webkit-transition: 1s;
-ms-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
left: 550px;
top: 130px;
position: absolute;
-webkit-text-stroke: 0.8px  rgba(255,255,255,0.0);
}

div#slidercontainer:hover:after {
color: rgba(255,255,255,0.6);
-webkit-text-stroke: 1px black;
-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
}

---

尝试替换

内容：❚❚";与其他内容一起，可能
内容：“测试";，以确保这不是字符转义问题。为了安全起见，也可以在有浏览器前缀的地方添加
-ms-*
。例如，添加
-ms动画播放状态
等。好主意，但不要雪茄！谢谢你的回复。什么版本的IE？您应该检查伪选择器（
：after
）和rgba颜色是否受支持。尝试将rgba颜色更改为普通十六进制代码（
color:#bada55
）。注意到它在IE 11中工作，而不是在IE 10中工作。谢谢，老兄，我想你说得一针见血。