圖像灰度（SVG）問題

一直試圖將圖像轉換爲灰度並恢復正常懸停 - 看着Convert an image to grayscale in HTML/CSS 圖像灰度（SVG）問題

一切都在IE工作正常進行正常的過濾器的使用，但在Firefox中的SVG方法不太好。我的網頁全部位於網站的根目錄，然後是/SiteStyles/Styles.css中的樣式表，我將其稱爲.homeCaseStudyImage img {filter：url（filters.svg＃grayscale）;

我的filters.svg也位於/ SiteStyles目錄中。它看起來像這樣：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
    "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg version="1.1" baseProfile="full" xmlns="http://www.w3.org/2000/svg"> 
    <filter id="grayscale"> 
    <feColorMatrix type="matrix" values="0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"/> 
    </filter> 
</svg>

我知道這個工程的人，所以我猜這件事情做任何我的文件夾結構或可能不引用是與SVG？

任何幫助表示讚賞

來源

2012-02-26 Matt

有關替代方法，請參閱http://stackoverflow.com/a/8896020/109374。 – 2012-02-27 15:21:15

確保您的服務器配置爲服務使用SVG MIME類型image/svg+xml.svg文件。 Firefox將忽略未使用正確的MIME類型提供的SVG文件。

來源

2012-02-26 20:21:52

謝謝你，我目前使用VS內置的開發服務器，但會在IIS中進行一次預覽測試。 – Matt 2012-02-27 09:22:36

+1爲了讓我有些沮喪！ – 2012-09-17 07:10:59

圖像灰度（SVG）問題

回答

相關問題