试图将图像转换为灰度并在悬停时恢复正常 – 查看
Convert an image to grayscale in HTML/CSS
对于正常的过滤器使用,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有关的东西?
任何帮助表示赞赏