一直试图在悬停时将图像转换为灰度并恢复正常-查看HTML/CSS 中的将图像转换成灰度
对于正常的过滤器使用来说,IE中的一切都很好,但是Firefox中的SVG方法却不太好。我的页面都位于网站的根目录中,然后是/SiteStyles/Styles.css中的样式表,我在其中调用.homeCaseStudyImage img{filter:url(filters.svg#gray);
我的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有关的内容?
如有任何帮助,我们将不胜感激。
确保您的服务器配置为使用SVG MIME类型image/SVG+xml提供.svg
文件。Firefox将忽略未提供正确MIME类型的SVG文件。