之后：内容文本在IE 11中呈现奇怪

Question

我正在使用CSS（非常酷的东西）来生成一个＆＃34; popup＆＃34;通常情况下，这比标题要好得多。

我有一个IE的问题（惊喜，惊喜），其中一个弹出窗口，使用CSS后调整，在Chrome中完美呈现，但在IE 11中显得非常糟糕。

与Chrome相比：

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;
}

使用标记提供＆＃34; data-holiday＆＃34;

的内容

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

注意：不透明度被暂时注释掉，以获取屏幕截图。通常在css中使用OnHover来修改它。

通常我可以理清如何手持IE，但这次我没有线索。任何人都能看到我失踪的东西？

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

由于