Blur
Shadow
Glow
Alpa
imgタグに直接記述


影などの効果が付かないように見えるときがあるが、これは外側のエレメントと、内側のエレメントのサイズが同じ場合。外側のタグに明示的にサイズを指定しなくても内側のエレメントを含むだけのサイズに自動的にサイジングされるがこれは影などの効果の領域を含まない。影などの効果はエレメントの外側に付くので、同じサイズだと効果が表示されない。 <- と思っていたんだけど。MSのサイトにこれについての記述があった。msdn Downlevel Support and Internet Explorer 4.0 Filters

When you use the Internet Explorer 4.0 filter syntax, margins can affect how some filters are applied and rendered. An object's boundary can be clipped when it is set too close to the filtered content. For example, if you apply a Glow filter to an object's text without a margin, the object boundary clips some of the glow effect if the text is next to the boundary. With Internet Explorer 5.5 syntax, the Shadow, DropShadow, and Glow filters extend the boundary of an object to make room for the filter effect, while the Internet Explorer 4.0 versions clip the filter effect at the boundary.

Glow IE4 syntax
Glow IE5.5 syntax
だから、これ以降の説明は不要。...なんだけど、IE4はどうなるの?
IE4のときは以下のようにやればOK。
--------------------
これを回避するためには、外側のエレメントのサイズを効果の表示される領域よりも大きくすることだが、ここでwidth:100pxなどのようにすると、Javascriptでの画像の動的な移動が遅くなる現象が見られた。テーブルなどで囲まれていない状態で100pxを指定するとページ全体にエレメントが広がるため画像を移動するなどの動的な動作をJavascriptで行うときにレンダリングに時間がかかるものと推測される。