Css 之后：IE 11中的内容文本呈现异常

我正在使用CSS after（非常酷的东西）来生成一个“弹出窗口”，它通常比title好得多

我对IE（惊喜，惊喜）有一个问题，一个弹出窗口，使用CSS的after thingy进行调解，在Chrome中完美地显示出来，但在IE11中呈现得相当糟糕

与铬合金相比：

css是这样的：

*[data-holiday]::after{
    background:#fefdcd;
    border:1px solid #c0c0c0;
    box-shadow:2px 4px 5px rgba(0, 0, 0, 0.4);
    color:black;
    content:attr(data-holiday);
    display:block;
    font-size:0.8rem;
    left: 50px;
    line-height:1.0rem;
    position:absolute;
/*  opacity:0;  */
    top:10px;
    padding:2px 2px;
    pointer-events:none;
    width:160px;
    z-index:100;
}

标记提供了“数据假日”的内容

注意：不透明度被暂时注释掉，以获取屏幕截图。OnHover在css中用于修改此选项

通常我能弄清楚如何用手握住IE，但这次我没有任何线索。有人看到我遗漏了什么吗

我试着在课文中加入br，没有任何区别。仅供参考，内容只是纯文本，没有格式，没有HTML

---

谢谢

我不知道问题出在哪里（必须做更多的研究以找出原因），但您可以通过将行高更改为

行高：1.25

而不是

1.0rem

。一个好建议；我没想过要试试。不幸的是，这似乎没有什么区别。在IEOops中，仍然在一条半高线上渲染所有内容，这确实“修复”了它。打字错误，最重要的是。这为IE提供了一个正常的行距，但给出了预期的镀铬行距，这是不可接受的。我会尝试整理它，只在IE下这样做。不过我还是想知道它为什么会发生。我明白了。只需删除线的高度完全。现在在任何地方都能如期工作。首先我想在那里放什么？设置一个特定的线高度通常不会造成任何伤害。它能让你发现事物的高度。。。（线条高度为1rem的块为1rem高，因此存在）。有一个关于这个的bug报告，在2013年提交：然后在2015年被标记为已解决。哦，好吧。

<div style="position:absolute;top:0px;right:160px;font-size:0.8rem;" data-holiday="[content for display here]">