[返回首页]
 ◎ 您当前的位置:首页 >> 站长学堂 >> 网页设计 >> Html/Css >> 正文
css滤镜失效问题解决方案
作者: 来源: 发布时间:2007-8-9 23:33:55 

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

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

[返回上一页] [打 印]
上一篇文章:常用CSS缩写语法总结 | 下一篇文章:没有了
热点文章 推荐文章 相关信息
·用HTML给Flash加链接
·CSS实用教程(一)
·HTML中meta作用
·第二章 CSS的应用方式
·HTML语言剖析(3)
·CSS实现的文字竖排效果
·CSS+DIV设计实例:超酷的竖排导航栏
·CSS初级入门:页面样式的整体声明
·第六章 区块性质的CSS
·CSS实用教程(二)
·CSS 循序渐进(一)画个瓢
·HTML-加速、再加速上