css - 不能在 Webkit 中使用 SVG 作为 CSS 背景

Question

我一直在尝试使用 SVG 文件作为我网站标题的背景，但它似乎没有出现在 Webkit 浏览器中(我尝试过 Chrome 和 Safari；在 Mac 上)。 Firefox 似乎可以正确显示它。

这是我的 CSS:

header {
  overflow: auto;
  width: 100%;
  height: 80px;
  background: url(../img/navbg.svg) no-repeat;
  background-size: 100%;
  -o-background-size: 100%;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;

  margin: 0 0 20px 0;
  padding: 0;

  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;

  box-shadow: inset 0 0 1px #fff, 
    inset 0 1px 0 rgba(255,255,255,.3),
    0 1px 2px rgba(0,0,0,.5);
}

关于如何解决这个问题的任何想法？

Answer 1

检查这个，它可能对你有帮助。 http://helephant.com/2009/08/12/svg-images-as-css-backgrounds/