温馨提示:本文翻译自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
被浏览
14
aryazar86 2014-11-27 00:26

经过多方挑剔后,我决定只用Adobe Illustrator重新保存SVG,这解决了所有支持SVG的IE版本的问题。我不知道为什么SVG对于IE来说是错误的,为什么它对于Firefox,Chrome和Safari也能正常工作,但是确实如此。

发布
问题

分享
好友

手机
浏览

扫码手机浏览