相关疑难解决方法(0)

在HTML/CSS中将图像转换为灰度

是否有一种简单的方法来显示灰度的彩色位图HTML/CSS

它不需要与IE兼容(我想它不会) - 如果它在FF3和/或Sf3中工作,这对我来说已经足够了.

我知道我可以用SVGCanvas和Canvas 来做这件事,但现在看起来好像很多工作.

有一个真正懒惰的人这样做的方法吗?

css image css3 grayscale

605
推荐指数
13
解决办法
40万
查看次数

图像到灰度(SVG)问题

试图将图像转换为灰度并在悬停时恢复正常 - 查看在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>
Run Code Online (Sandbox Code Playgroud)

我知道这适用于其他人所以我猜这与我的文件夹结构有关,或者可能没有引用与SVG有关的东西?

任何帮助表示赞赏

css svg svg-filters

4
推荐指数
1
解决办法
3706
查看次数

标签 统计

css ×2

css3 ×1

grayscale ×1

image ×1

svg ×1

svg-filters ×1