html – 在IE11中使用伪元素:: before和display：table-cell和glyphicons contens不会出现

我现在花了相当多的时间在此,但无法找到解决方案.我的问题是我想在文本块的内容之前显示一个glyphicon,并且带有图标的元素应该填满身体所需的所有高度.这适用于IE以外的所有浏览器版本.我在这个 @L_450_0@中把它煮熟了

<div class="block">
  <div class="body">BODY</div>
</div>

.body::before {
    BACkground: blue;
    content: "\e005";
    font-family: "Glyphicons Halflings";
    display: table-cell;
    width:30%;
}

.body {
    BACkground-color: green;
    display: table;
    width: 25%;
}

如果您使用IE11在上面的小提琴上添加/删除display：table-cell,您将看到我的问题所在.有人可以给我一个解决方案,甚至更好地解释发生了什么.