IE忽略了:: before之前的绝对定位

Question

使用IE11，但在寻找解决方案IE9 +，我正在调试为什么the labels at the bottom of this CSS bar chart are improperly positioned。

从IE调试器我可以看出 - 尽管相对父容器具有明确的宽度和高度 - position:absolute未应用于::before伪，导致奇怪的放置标签：

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

在Chrome，FF等一切都很好：标签低于条形图，如预期的那样。任何关于为什么会发生这种情况的见解，或任何有关调试的提示::之前在IE中（我不能像以前那样在Chrome和FF中定位::）

Answer 1

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

Demo