【问题标题】:SVGs showing in Chrome on a Mac but not in Chrome on WindowsSVG 在 Mac 上的 Chrome 中显示,但在 Windows 上的 Chrome 中不显示
【发布时间】:2017-04-23 17:46:21
【问题描述】:

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

      .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);
      }

谢谢!

【问题讨论】:

  • 听起来很奇怪。我知道支持 IE 11……但是 Windows Chrome!这是一篇很棒的文章,过去曾帮助我处理 SVG,或许可以考虑使用 DATA URI css-tricks.com/using-svg

标签: css windows macos sass


【解决方案1】:

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

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

【讨论】:

  • 是的,我实际上已经在使用 Font Awesome。我不认为是这样,但谢谢。我还将背景大小的测量单位从 PXs 更改为 EMs,但它仍然不起作用:/
猜你喜欢
  • 2013-01-28
  • 1970-01-01
  • 2011-07-18
  • 1970-01-01
  • 2014-11-25
  • 2013-04-11
  • 2017-07-07
  • 2013-10-02
  • 1970-01-01
相关资源
最近更新 更多