CSS濾鏡灰度：我要黑色

我使用下面的CSS將我的彩色圖像轉換爲灰度。CSS濾鏡灰度：我要黑色

img.desaturate{ 
    filter: grayscale(100%); 
    -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%); 
    -ms-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
    filter: url(desaturate.svg#greyscale); 
    filter: gray; 
    -webkit-filter: grayscale(1); 
}

但我想它黑（RGB（0,0,0）或＃000000），而不是灰色的。可能嗎？

來源

2013-04-09 DextrousDave

FYI你上次'過濾器：灰色;'規則將否定了前兩個過濾規則。 – j08691 2013-04-09 14:11:55

如何**黑**是這個**黑**準確？ – BoltClock 2013-04-09 14:13:34

黑色，就像在＃000中一樣，rgb（0，0，0）......你認爲黑色是什麼？ – DextrousDave 2013-04-09 14:37:38

我會嘗試使用飽和度濾鏡而不是灰度來獲得黑色。下面是關於大衛沃爾什的網站的鏈接，你可以設置播放...

http://davidwalsh.name/demo/css-filters.php

來源

2013-04-09 14:19:56

我supose只想打印成黑白色&圖像，就像一個矢量圖像或什麼的，這就是它？你可以嘗試用飽和的亮度和對比度濾鏡玩：

filter: gray saturate(0%) brightness(70%) contrast(1000%);

Demo in jsfiddle （演示只能在Webkit的，我懶得寫所有供應商擴展：P）

來源

2013-04-09 14:23:07 Arkana

謝謝你，但你的小提琴不適合我... – DextrousDave 2013-04-10 05:51:28

爲什麼小提琴不起作用？但它適用於我，但只適用於webkit瀏覽器（Chrome18 +，每晚Webkit，Safari 6 + ...）。其他瀏覽器不支持過濾器，您可以在這裏看到（http://caniuse.com/css-filters）。如果你想要一個跨瀏覽器的純CSS解決方案，我認爲這是不可能的... – Arkana 2013-04-10 06:24:13

是啊我有最新版本的鉻：24.0.1312.57米....這只是奇怪的是，過濾器不給你設置灰色的量 - 或使其純粹黑色... – DextrousDave 2013-04-10 07:53:34

我看到這個是一個老問題，但是不能將背景顏色應用於父元素，並且使用opacity來淡化子元素img？

來源

2014-02-26 16:48:04 dylanjameswagner

嘗試使用

filter: brightness(0%);

來源

2016-07-08 11:43:29

CSS濾鏡灰度：我要黑色

回答

相關問題