蚌埠水游城最新动态:css滤镜失效问题解决方案

来源:百度文库 编辑:九乡新闻网 时间:2024/04/27 18:07:56
 如果所在块设置了背景图片,那么定义在该对象上的滤镜就会失效。这个问题长久困扰着我。今天终于知道怎么办了。

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