Html 如何在ie 11中创建css双线通过?

Html 如何在ie 11中创建css双线通过?,html,css,internet-explorer-11,Html,Css,Internet Explorer 11,我想在IE11中创建一个双线直通,但我遇到了一些麻烦。在IE11中,文本装饰似乎受到限制。目前我使用的是单行,但由于我们将使用一些汉字,它可能会被混淆为汉字本身的一部分:双线会更好 *.strike { text-decoration: line-through; } 如何实现它?IE11本机不支持此功能 然而,有一个潜在的黑客选项。。。你总是可以做这样的事情 围绕要在其上应用双划线的文本设置一个跨距,然后绝对将划线定位在文本顶部 在JS Fiddle上找到了一个示例,向您展示了我所说

我想在IE11中创建一个双线直通,但我遇到了一些麻烦。在IE11中,文本装饰似乎受到限制。目前我使用的是单行,但由于我们将使用一些汉字,它可能会被混淆为汉字本身的一部分:双线会更好

*.strike {
    text-decoration: line-through;
}

如何实现它?

IE11本机不支持此功能

然而,有一个潜在的黑客选项。。。你总是可以做这样的事情

围绕要在其上应用双划线的文本设置一个跨距,然后绝对将划线定位在文本顶部

在JS Fiddle上找到了一个示例,向您展示了我所说的内容

span.double-strike {
  position: relative;
}

span.double-strike div.the-lines {
   position: absolute;
   top: 10px; /* Depends on the font size */
   left: 0;
   border-top: 3px double black;
   width: 100%;
   height: 100%;
}

使用定位伪元素

span.双重打击{
位置:相对位置;
}
第二次打击:之后{
内容:'';
位置:绝对位置;
最高:50%;
高度:1px;
左:0;
边框顶部:1px纯绿色;
边框底部:1px纯红;
宽度:100%;
}

这是我的文字与
因为疯狂的怪异,在一段中有两行
要求

您应该发布双线的图像。这是IE11的报告-我也找到了这个解决方案,但对于我正在进行的当前项目,它有点过于复杂,无法集成。我希望有一个更简单的方法来做这件事。无论如何,谢谢你。