2010-10-27 59 views
0

我有一個樣式表訪問與樣式表相同的目錄中的svg。 Firefox將在我的測試服務器和子目錄上獲得svg。但是,它拒絕嘗試從子域訪問時下載svg。來自子域的Firefox SVG

我試圖將svg添加到子目錄最高級別的.htaccess文件中的文件列表,這也是讓Firefox從子目錄接受@ font-face的解決方案。我可能做錯了,但無論如何我都會加入。

<FilesMatch "\.(ttf|otf|eot|svg)$"> 
<IfModule mod_headers.c> 
    Header set Access-Control-Allow-Origin "*" 
</IfModule> 
</FilesMatch> 

謝謝!

編輯,使用CSS規則:

.mask { 
filter:url('mask.svg'); 
} 
+0

你能顯示CSS代碼片段嗎? – Boldewyn 2010-10-27 06:27:23

+0

我已經添加了。它在子目錄頁面上工作,但不在子域中工作。 – Jordan 2010-10-27 06:35:19

+0

如果您可以發佈一個鏈接到工作示例,那將是非常好的。我傾向於看到Firebug報告的網絡活動。 – jbeard4 2010-10-27 07:44:59

回答

0

A '過濾器' 屬性應該始終有一個片段組成部分,否則將不適用。你可能想要這樣的東西:

.mask { 
filter: url('mask.svg#myFilter'); 
} 
+0

我已經在鏈接中添加了svg和片段中的標識符。適用於子目錄,測試服務器;但不是來自子域。 – Jordan 2010-10-27 18:31:11

+0

請記住,基礎URL取自樣式表位置,所以如果您在其他任何地方使用它,則需要確保它仍指向相同的文件,例如。 'filter:url('/ foo/mask.svg#myfilter')'或'filter:url('http://whatever.domain.com/foo/bar/mask.svg#myFilter')' – 2010-10-28 10:28:23

+0

試圖調整這些網址,我嘗試了幾種不同的組合,以排除它們。從子目錄查看時,SVG仍可以使用以前的位置訪問。 – Jordan 2010-10-28 21:37:41