css后台属性中的内联Svg不'；我不能在边缘上正常工作_Svg_Sprite_Microsoft Edge_Inline Svg

css后台属性中的内联Svg不'；我不能在边缘上正常工作

svg

css后台属性中的内联Svg不'；我不能在边缘上正常工作,svg,sprite,microsoft-edge,inline-svg,Svg,Sprite,Microsoft Edge,Inline Svg,我有以下html文件 <body> <p></p> </body> svg是一个具有多个图标的精灵。所以我想在x位置=135处从sprite接收某些图标。这在IE、Chrome、Firefox中都能完美运行，但在Edge中却不行。svg和Edge有什么问题？Edge 44也有同样的问题：Edge似乎没有正确集成精灵。但它在SVG内联中工作得非常好。请参阅CAN IUSE注释：“IE9-11桌面和移动设备无法正确缩放SVG文件。

我有以下html文件

  <body>
    <p></p>
  </body>

svg是一个具有多个图标的精灵。

所以我想在x位置=135处从sprite接收某些图标。这在IE、Chrome、Firefox中都能完美运行，但在Edge中却不行。svg和Edge有什么问题？

Edge 44也有同样的问题：Edge似乎没有正确集成精灵。但它在SVG内联中工作得非常好。请参阅CAN IUSE注释：“IE9-11桌面和移动设备无法正确缩放SVG文件。”添加高度、宽度、viewBox和CSS规则似乎是最好的解决方法。“测试可以吗？如果不是此处的项目：但是我没有测试ps。我丢弃了精灵并放置了inlines元素

<svg
    width="54"
    height="54"
    viewBox="0 0 54 54"
    fill="none"
    xmlns="http://www.w3.org/2000/svg">
 <path
    d="M18.6667 34.1429V52H2V19.8571L27 219.8571V52H35.3333V34.1429H18.6667Z"
    stroke="white"
    stroke-width="2"

    stroke-linecap="round"
     stroke-linejoin="round"/>
 </svg>

您可以在JSFIDLE或其他地方创建一个代码片段吗？您可以添加一个代码示例来回答这个问题，并以您当前给出的解释为依据。

<svg
    width="54"
    height="54"
    viewBox="0 0 54 54"
    fill="none"
    xmlns="http://www.w3.org/2000/svg">
 <path
    d="M18.6667 34.1429V52H2V19.8571L27 219.8571V52H35.3333V34.1429H18.6667Z"
    stroke="white"
    stroke-width="2"

    stroke-linecap="round"
     stroke-linejoin="round"/>
 </svg>