javascript - 由于之前和之后，ie8中未显示箭头图标

我在标签上使用了箭头图标。
橙色箭头图标未在ie8浏览器中显示...
它现在显示的原因是因为我在css中使用过...
你们能告诉我如何修复它，例如8 ...
在下面提供我的代码...

http://jsfiddle.net/Dg5G2/14/

.playing-games **.soccer--image.soccer--active:before, .playing-games .soccer--image.soccer--active:after {**
    position: absolute;
    left: 50%;
    border: 15px solid transparent;
    content: '';
    margin-left: -13px;
    z-index: 3; }

最佳答案

根据W3Schools：

要使:: after在IE8中工作，必须声明一个。
http://www.w3schools.com/cssref/sel_after.asp

为了使:: before在IE8中工作，必须声明一个。
http://www.w3schools.com/cssref/sel_before.asp

您是否使用HTML5？