CSS設定画像がグレーになる

732 ワード



最近の仕事の中で、开発の过程の中で1つのピクチャーを设定して灰色になる必要があって、最初はピクチャーを交换するのだと思っていましたが、しばらくしてCSSをしてピクチャーの色を设定して灰色に戻ることができることを発见しました.具体的なコードは以下の通りです.
画像は以下の通りです.
具体的な実装は、2つの方法によって行われる.1つは、CSS 3のフィルタ機能である.具体的なコードは以下の通りです.
<span style="font-size:18px;">.gray {     
 -webkit-filter: grayscale(100%);   
  -moz-filter: grayscale(100%);  
   -ms-filter: grayscale(100%);   
  -o-filter: grayscale(100%);     
     filter: grayscale(100%); 	     

filter: gray; }</span>

上のコードをコピーして、修正したい画像スタイルに設定すればいいです.たとえば
<img src="1.jpg" /> <img src="1.jpg" class="gray" />