0

次のhtmlファイルがあります

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

そして、このようなsvg背景で:beforeを追加したいと思います

p:before {
    content: '';        
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background: url("sprite.svg#svgView(viewBox(135, 0, 11, 11))");
    background-size: 100% 100%;
}

sprite.svg は、複数のアイコンを持つスプライトです。したがって、x 位置 = 135 のスプライトから特定のアイコンを受け取りたいと考えています。これは IE、Chrome、Firefox では完全に機能しますが、Edge では機能しません。svg と Edge の問題点は何ですか?

4

1 に答える 1