CSS : 在 SVG 高度 IE 之后

【问题标题】：CSS :after SVG height IECSS : 在 SVG 高度 IE 之后
【发布时间】：2014-12-10 19:33:58
【问题描述】：

我正在向这样的页面添加 svg

#ID:after{
 content: url(/images/arrow.svg);
 margin-left: 5px;
 width: 10px;
 height: 7px;
}

现在在 Chrome 和 Firefox 中是这样的

现在，当您查看 IE11 时，它看起来像这样

如何确保 svg 在 IE 中不会变得太大？

【问题讨论】：

用作background-image 并提供background-size 它将解决问题

标签： css internet-explorer svg

【解决方案1】：

感谢维托里诺·费尔南德斯

修复如下

先做一个空白内容设置你的 svg 的背景设置 svg 的宽度和高度添加显示内联块以应用大小但保持内联

最终代码：

#ID:after{
      content: '';
      background: url(/images/arrow.svg);
      margin-left: 5px;
      width: 10px;
      height: 7px;
      display: inline-block;
}

【讨论】：