温馨提示:本文翻译自stackoverflow.com，查看原文请点击：html - Internet Explorer pseudo elements with background image
html - 具有背景图片的Internet Explorer伪元素
发布于 2020-03-29 22:02:33
现代Internet Explorer（8-11）的所有版本都非常奇怪地显示带有背景图像的“：after”伪元素。它应该是在topnav下方直行的点线，作为“心脏监护仪信号”的延续。相反，它们显示如下：
这是网站本身：http : //www.makingthedifference.ca/
背景图片本身是svg，我知道并非所有IE都完全支持它，但是根据我在BrowserStack上的测试，该图片已上传并在IE 9、10和11中正常显示。
在BrowserStack的IE控制台中，：after元素被完全划掉，好像IE正在发现它们的问题，并且点显示不均匀（如上图所示）。我确实在其中有多个伪元素，因为该网站具有移动响应能力。
与Chrome，Firefox和Safari一起正常显示。
另外，不幸的是，我不能使用边框下划线，因为这些点的形状不正确。
提问者
aryazar86
被浏览
17
