Css 可见的不可见元素：在IE11中不工作的伪元素之后

我能够使用这个黑客：——替换我正在使用的第三方库中灯箱上的关闭“X”按钮。它在除IE11之外的所有浏览器中都非常有效。IE似乎同时隐藏了元素和伪元素，即使在伪元素上设置了visibility:visible。如果我使用开发工具切换可见性，它们都会出现

注意：如果实际的“X”按钮是一个实际的“X”字符，我可以根据需要轻松地设置它的样式。不幸的是，他们使用了一个符号，所以我不得不用这个方法来“替换”一个实际的X，以符合网站的设计标准

按钮的CSS：

/* Hack to replace the close button text */
#_pendo-close-guide_ {
    visibility: hidden;
}

#_pendo-close-guide_:after {
  content:'X'; 
  visibility: visible;
  display: block;
  position: absolute;
    right: 6px;
  top: 8px;
  font-size: 17px;
  font-weight: 200 !important;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
  color: #444;
} 

---

任何帮助都将不胜感激。

要在IE中实现这一点，我必须使用旧的“文本缩进：-9999px”技巧：

---

我的解决方案是从答案中得到启发的。但是，由于我的具体情况，我无法使用

文本缩进

，因此我使用了

.container {
    position: relative;
    left: -9999px;
}

.container:after {
    position: relative;
    left: 9999px;
}

它在IE11和其他浏览器中工作

.container {
    position: relative;
    left: -9999px;
}

.container:after {
    position: relative;
    left: 9999px;
}