1. 首頁
  2. 問答
  3. SVG圖像作爲背景圖像在Windows Phone 8和Phonegap

SVG圖像作爲背景圖像在Windows Phone 8和Phonegap

2014-04-23 70 views
4

我使用SVG圖像作爲背景Phone Phone8的PhoneGap項目，但它沒有顯示。以下是代碼SVG圖像作爲背景圖像在Windows Phone 8和Phonegap

.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

來源

2014-04-23 Dnyan Waychal

+0

您是否嘗試過它在手機上的一個獨立的網頁？ – WiredPrairie

+1

是的，它不工作.. –

回答

6

得到了解決取出從圖像中的XML開始標籤和現在的工作......

來源

2014-05-10 10:24:27

+1

這爲我修好了，但有人可以解釋爲什麼會發生這種情況？我不是這是一個IE問題，因爲在Windows Phone 8的瀏覽器中，這個問題不會發生。 – gozzilli

+0

哪個xml標籤？我有同樣的問題（我知道2年後...） –

+1

@SunnyOnesotrue起始xml標籤像<？xml version =「1.0」encoding =「utf-8」？> –

1

的SVG包括 '背景大小' 的風格，就像這樣：

.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。確保圖像的URL與CSS樣式表的URL（而不是HTML頁面）相關。

來源

2014-05-09 20:09:51

+0

沒有問題是不與路徑。我試過但不工作。 –

相關問題

 相關問題