css滤镜失效问题解决方案

2008-09-28 19:59:46   来源:OKXUN.com

如果所在块设置了背景图片,那么定义在该对象上的滤镜就会失效。这个问题长久困扰着我。今天终于知道怎么办了。
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使文本浮动在块上,这样就摆脱了块的继承。