匿名質問者回答ポイント なしウォッチ

CSSでfilter要素を使ったのですが、背景にだけ適用されません。

背景はjavascriptを使って出しています。
どうすれば背景にもfilter要素を反映させることができるでしょうか？
CSSは
body {filter:grayscale(100%);}で
背景のjavascriptは
<SCRIPT language="JavaScript">
<!--
bgc = new Array();
bgc[0] = "url(img.gif)";
bgc[1] = "url(img2.gif)";
n = Math.floor(Math.random()*bgc.length);
document.body.style.backgroundImage = bgc[n]
//-->
</SCRIPT>
です。
javascriptで出力しているものだからCSSが効かないのでしょうか？