带背景图像的Internet伪元素
现代Internet (8-11)的所有版本都在显示一个“：后置”伪元素，里面有一个背景图像，非常奇怪。它应该是一条直线的圆点，直下到顶部，作为“心脏监测点”的延续。相反，他们是这样出现的：
以下是站点本身：http://www.makingthedifference.ca/
背景图像本身是一个svg，我知道并不是所有IEs都完全支持它，但是根据我在BrowserStack上的测试，它正在上传，并在IE9、10和11中显示得很好。
在BrowserStack上的IE控制台中，在元素被完全删除之后，就好像IE正在发现它们的错误一样，而这些点正在不均匀地显示出来(如上图所示)。我确实有多个伪元素在那里，因为该网站是移动响应。
Chrome，Firefox和Safari显示的很好。
而且，不幸的是，我不能使用边框底部虚线，点不是正确的形状。
回答 3
Stack Overflow用户
发布于 2014-11-26 16:26:02
在做了很多修改之后，我决定用重新保存SVG，这解决了所有支持SVG的IE版本的问题。我不知道为什么SVG在IE上出错，为什么它在Firefox、Chrome和Safari上运行得很好，但它做到了。
Stack Overflow用户
发布于 2014-11-25 01:28:52
您的页面有52个标记错误.
http://validator.w3.org/check?uri=http%3A//www.makingthedifference.ca/
第137行，第26列:元素div在此上下文中不允许作为元素ul的子元素。(抑制此子树中的进一步错误。)
……web浏览器在“正确”编码错误方面有不同之处……
HTML5规范是第一个指定userAgents应该如何纠正标记和表示错误的W3规范.
如果你纠正你的标记错误(如.使用
- 所有浏览器都会使你的网站“或多或少”相同，因为没有必要解释如何纠正“错误”。
Stack Overflow用户
发布于 2020-01-31 10:58:12
它是关于设置宽度和高度属性：
<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 280 542" style="enable-background:new 0 0 280 542;" xml:space="preserve" width="280" height="542">如您所见，需要将viewBox的最后两位数字添加到width=“和height=”中
https://stackoverflow.com/questions/27113206
复制相似问题
腾讯云开发者
