css滤镜失效问题解决方案

　如果所在块设置了背景图片，那么定义在该对象上的滤镜就会失效。这个问题长久困扰着我。今天终于知道怎么办了。

html代码如下：

<div id="box"><h2>content text</h2></div>

css这样定义：

#box{
 background-image: url(images/bg_box.jpg);
}
#box h2 {
 float:left;
 filter:
 Dropshadow(offx=1,offy=0,color=#ffffff)
 Dropshadow(offx=0,offy=1,color=#ffffff)
 Dropshadow(offx=-1,offy=0,color=#ffffff)
 Dropshadow(offx=0,offy=-1,color=#ffffff);
}

　　这样就ok了 其实只是增加了“float:left;”。我的理解是：float使文本浮动在块上，这样就摆脱了块的继承。