SVG在Mac上显示在Chrome中,但在Windows上显示在Chrome中

时间:2016-12-08 13:04:29

标签: css windows macos sass

以前有没有人经历过这个?这是它的编码方式:

      .vm {
        position: absolute;
        top: 6em;
        left: 21.6em;
        width: 10.5em;
        height: 25px;
        border-radius: 10px;
        background-color: $green;
        border: 1px solid rgb(0,204,51);
        color: $white;
        padding-left: 34px;
        line-height: 22px;
        background-size: 22px 22px;
        background-repeat: no-repeat;
        background-position: 7px 0px;
        background-image: url(../images/_vmware.svg);
      }

谢谢!

1 个答案:

答案 0 :(得分:0)

当我必须使用svg时,我使用图标字体生成器 (如http://fontello.com/,但不是唯一的一个)

如果你的svg太复杂而无法制作字体,你应该使用浏览器更好支持的svg标签 http://www.w3schools.com/html/html5_svg.asp