css filterプロパティが有効でない問題処理

明日は清明節の休暇で、疫病以来の最初の休暇に感謝して私に難しい問題の解決策を学ばせました.
清明節の祝日のため、会社のウェブサイトはすべて階調の様式に変えて、明らかに1つのとても簡単な問題で、更に様式表の中でこの1つの様式を増加して、答えはとても簡単です

html{
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
	-webkit-filter:grayscale(1)
}

直してから同僚は私に教えて、あなたが私に教えてくれた案は役に立たないと言って、私はやはり1つの画像が発効していないことを見て、急いで資料を探して、googleは半日も処理案を見つけられませんでした.制御を開いて要素を見ると、この画像はbodyの背景画像であることがわかります.このままpsで画像を修正させてあげればいいと思っていた.
htmlにbackgroundを増やせばどんな効果があるのか、自分で考えています.
奇跡を目撃する時...
bodyの背景画像がfilterの影響で階調になったなんて.
実装案もあり、htmlにbackground:#ffffff;スタイルを追加します.
もし誰かがhtmlに背景画像を追加したら、私は本当に仕方がありません.

まとめ:

bodyに背景画像がある場合や背景色がfilterを有効にできない場合はhtmlラベルにbackground属性を追加することをお勧めします