您现在的位置: 动易技术中心 >> 模板设计教程 >> CSS教程 >> 正文
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使文本浮动在块上,这样就摆脱了块的继承。

文章录入:雅虎    责任编辑:雅虎 
  • 上一个文章:

  • 下一个文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    软件产品
    SiteFactory™ 内容管理系统
    SiteFactory™ 网上商店系统
    SiteWeaver™ 内容管理系统
    SiteWeaver™ 网上商店系统
    SiteWeaver™ 企业门户网站系统
    SiteWeaver™ 教育门户网站系统
    SiteWeaver™ 政府门户网站系统
    SiteWeaver™ 行业门户网站系统
    平台产品
    企业服务
    行业解决方案
    联系我们 | 关于动易 | 网站地图 | 相关证书 | 合作伙伴 | 招贤纳士 | 法律条款 | 隐私权声明
    安全上网网上报警
    动易网络科技有限公司版权所有 © 2003-  粤ICP备05004015号
    公安备案编号:200603D0322 本站基于 PowerEasy® SiteWeaver™ 制作