css滤镜失效问题解决方案

作者:佚名 来源:网络 点击数: 发布时间:2006年12月06日

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

html代码如下:

content text

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使文本浮动在块上,这样就摆脱了块的继承。