伪标签“之前”和“之后”，左边框在 IE 中不起作用答案

【问题标题】：Pseudo tags "before" & "after", border-left doesn't work in IE伪标签“之前”和“之后”，左边框在 IE 中不起作用
【发布时间】：2014-11-20 19:42:25
【问题描述】：

我想在 div 上创建左边框，但只在 div 的 50% 上。我创建了以下代码，它适用于 IE 以外的所有内容。我运行 IE11 atm，我也尝试了其他版本，显示相同的错误。

如果您删除“display:table-cell”，它将在 IE 中运行。但由于我的最终设计，我无法移除或更改此显示。如果我这样做，我会破坏整个设计设置。

【问题讨论】：

【解决方案1】：

这是 Internet Explorer 和其他浏览器之间的已知互操作问题。实际上，我们已经开始对底层引擎进行更改，以更好地呈现这个用例。

下面是 Internet Explorer 11 的并行版本，以及我们在http://remote.modern.ie 上的流式开发中 版本，也可以在我们的Windows 10 preview 上获得：

这里的罪魁祸首是display: table-cell的使用；除此之外，伪元素、边框和其他一切都将在 Internet Explorer 中按预期工作。只有当您使用为表格数据设计的属性作为布局机制时，您当前才会遇到此问题。

【讨论】：

那么您的意思是，它将在 Windows 10 中修复？在那之前有什么变通办法吗？
@CasperNybroe 它应该由 Windows 10 修复，是的。我不知道 use table-cell 布局的解决方法。我相信还有其他方法可以完成您尝试的任何布局。
我等不了win10。不过非常感谢您的回答。
@CasperNybroe 不幸的是，唯一的其他选择是采用不同的设计方法。我想邀请您在这里提交您的设计，我们很乐意提供一种新的跨浏览器方法来实现相同的目的。
这些更改是否解决了整个表格单元格布局和伪元素？这是具有相同根本原因的类似问题：stackoverflow.com/questions/24693227/…