javascript - IE7/8 で CSS ボックスの影が機能しない

Question

こんにちは、IE 7 または 8 でボックス シャドウを機能させる方法を見つけようとしています。現在、IE9 および他のすべてのブラウザで正常に動作します。

ここに私のCSSコードがあります:

#main{
    -moz-box-shadow:#000 0px 0px 40px;
    -webkit-box-shadow:#000 0px 0px 40px;
    box-shadow: 0px 0px 40px #000;
    border: 1px solid #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    behavior: url(ie-css3.htc); 
}

IE8 の場合:

IE9 の場合:

どんな助けでも素晴らしいでしょう！

Answer 1

Internet Explorer 7 および 8 でこれをエミュレートするには、シャドウ フィルターを使用する必要があるようです。

ソース: http://caniuse.com/#search=box-shadow

「シャドウ」フィルタの MSDN ドキュメント: http://msdn.microsoft.com/en-us/library/ms533086(v=vs.85).aspx