IE忽略在::之前的绝对定位

Question

使用IE11，但寻找解决方案IE9+，我正在调试为什么这个CSS条形图底部的标签位置不正确。

根据我对IE调试器的了解——尽管相对的父容器有一定的宽度和高度——position:absolute没有应用于::before伪容器，导致出现奇怪的标签：

.chart span::before {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;

在Chrome、FF等中，一切都很好：正如预期的那样，标签位于条形图下方。有什么关于为什么会发生这种情况的见解，或者关于在IE中调试：：before的提示吗？

Answer 1

尝试在::before伪元素上用bottom:-21px替换top:100%。这似乎适用于FF、Chrome和IE9+。

演示