作为背景图象的SVG图象在Windows电话8和phonegap

Question

我在Windows phone8的phonegap项目中使用SVG图像作为背景，但它没有显示。以下是代码

.loyaltystar { 
    position:absolute; margin-top:3px;
    background:url(../img/available-icon.svg) no-repeat;
    width:21px; 
    height:21px; 
}

<li><a href="a.html" class="loyaltystar"></a></li>

是phonegap 2.4支持Windows Phone 8的SVG。

Answer 1

解决方案从图像中删除了xml开始标记，现在正在使用...

Answer 2

包括'background-size'样式，如下所示：

.loyaltystar {
  display: block;
  text-indent: -9999px;
  height: 21px;
  width: 21px;
  background: url(../img/available-icon.svg) no-repeat;
  background-size: 21px 21px;
}

否则，它可能是 ../ img / available-icon.svg 的路径问题。确保图片的网址相对于CSS样式表的网址（而不是您的HTML网页）。