现代Internet Explorer(8-11)的所有版本都非常奇怪地显示带有背景图像的“:after”伪元素。它应该是在topnav下方直行的点线,作为“心脏监护仪信号”的延续。相反,它们显示如下:
这是网站本身:http : //www.makingthedifference.ca/
背景图片本身是svg,我知道并非所有IE都完全支持它,但是根据我在BrowserStack上的测试,该图片已上传并在IE 9、10和11中正常显示。
在BrowserStack的IE控制台中,:after元素被完全划掉,好像IE正在发现它们的问题,并且点显示不均匀(如上图所示)。我确实在其中有多个伪元素,因为该网站具有移动响应能力。
与Chrome,Firefox和Safari一起正常显示。
另外,不幸的是,我不能使用边框下划线,因为这些点的形状不正确。
经过多方挑剔后,我决定只用Adobe Illustrator重新保存SVG,这解决了所有支持SVG的IE版本的问题。我不知道为什么SVG对于IE来说是错误的,为什么它对于Firefox,Chrome和Safari也能正常工作,但是确实如此。