css - Mozilla Firefox の CSS フィルター?

Question

この CSS を Mozilla Firefox で機能させるにはどうすればよいですか?

.shadowed {
    -webkit-filter: drop-shadow(-1px 1px rgba(255,255,255,.3));
    filter: drop-shadow(-1px 1px rgba(255,255,255,.3));
}

また、IEでこれを機能させるチャンスはありませんよね？

Answer 1

IE には、このためのいくつかの異なるプロパティがあります。

これは、これに関する msdn の投稿です: DropShadow フィルター

彼らが使用したコードは次のとおりです。

"filter:progid:DXImageTransform.Microsoft.DropShadow(sProperties)" ... >

IE で使用されます。Firefox では、これをシャドウに使用しました。

.someclass {
-moz-box-shadow: 1px 1px 10px #00f;
}

ここでドキュメントを読むことができます: hacks.mozilla.org

Answer 2

Internet Explorer Box Shadow には追加の要素が必要です...

HTML コードは次のとおりです。

<div class="shadow1"> <div class="content"> Box-shadowed element </div> </div>

Plsは、この問題のために作成したjsfiddleとIEでの動作も確認してください

http://jsfiddle.net/eZygy/