带有背景图像的Internet Explorer伪元素

现代Internet Explorer的所有版本（8-11）都非常奇怪地显示带有背景图像的“：after”伪元素。它应该是在topnav下方直行的点线，作为“心脏监护仪信号”的延续。相反，它们显示如下：

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9qenFVTy5qcGcifQ==” alt =“在此处输入图像描述”>

[背景图像本身是一个svg，我知道并非所有IE都完全支持它，但是根据我在BrowserStack上的测试，它已经上传并在IE 9、10和11中显示正常。

在BrowserStack的IE控制台中，：after元素被完全划掉，好像IE在发现它们的问题，并且点显示不均匀（如上图所示）。我确实在其中存在多个伪元素，因为该网站具有移动响应能力。

与Chrome，Firefox和Safari一起正常显示。

而且，不幸的是，我不能使用边框底的点，点的形状也不正确。

1
投票

您的页面有52个标记错误.....

第137行，第26列：在这种情况下，元素div不能作为元素ul的子元素。（抑制此子树中的其他错误。）

.... Web浏览器在“正确”编码错误的方式上有所不同.....

HTML5规范是第一个W3规范，用于指定userAgent如何纠正标记和表示（css）错误。...

如果您纠正了标记错误（例如...使用

为孩子做输入/输出），所有浏览器都会使您的网站“或多或少”具有相同的含义，而无需解释“错误”的方式应该纠正。

0
投票

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

0
投票

关于设置宽度和高度属性：