4

適切なパーセンテージでdivをグレースケーリングするcss-wayはありますか？これは、Webkitをサポートする非IEブラウザーで実行できます。

-webkit-filter: grayscale(0.7); //e.g. 70%

しかし、IEでは次のようなブール関数しか使用できません。

filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); //with '1'

方法（おそらくsvgではない方法）を見つけることができますか、パーセンテージで画像をグレースケーリングできますか？

4

2 に答える 2

2

このリンクを確認してください

ブラウザの互換性:

Internet Explorer 5.5 以降、Opera 9.5 以降、Firefox 2 以降、WebKit Nightly

于 2012-09-03T11:31:53.787 に答える
1

@AKの提案は良さそうですが、部分的なグレースケールを行う方法がすぐにはわかりませんでした...

CSS のみのソリューションの場合、次のように、グレースケールにしたいものを部分的に透明にし、その背後に背景色を置くことで、同様の効果を得ることができます: http://jsfiddle.net/R23LG/

明らかに、透明度の設定などをいじって、希望どおりにする必要があります。

于 2012-09-03T11:36:17.957 に答える