解决Dropshadow滤镜在父容器有背景图片的情况下失效的问题

原创 2010年04月09日 17:38:00

做项目中需要用css替代原来的带有滤镜效果的图片,其他的样式,比如字体颜色、大小等都弄好了,就是Dropshadow滤镜失效。上网搜了下,找到了原因,父容器td 的css设置了背景图片导致Dropshadow滤镜失效。解决办法是在父容器里再加个容器,并且设置这个容易的float属性即可。

示例代码如下:

.css部分:

td.ff{....background:url('xx.jpg') no-repeat;....}

td.ff span

{

filter:
        Dropshadow(offx=2,offy=0,color=#FFFFFF)
        Dropshadow(offx=0,offy=2,color=#FFFFFF)
        Dropshadow(offx=0,offy=-1,color=#FFFFFF)
        Dropshadow(offx=-1,offy=0,color=#FFFFFF);
        float:left;/*设置滤镜效果必须,在父容器有背景图片的时候*/
        margin-left: 58px;/*根据自己需要设定*/

}

.....<td class='ff'><span>Dropshadow滤镜</span></td>

解决IE7&IE8 png 透明度的问题以及文字透明模糊

在学习dojo的dom-style.js中遇到了设置opacity的问题,
  • cexo425
  • cexo425
  • 2014年09月17日 13:47
  • 3298

div动态设置背景图遇到的火狐和谷歌浏览器兼容问题

1.最终期望效果如下,输入车号,点击查找,对应机械车闪烁展示 2.前台的展示div是在后台生成的,通过定时调用切换div的背景效果,切换代码如下 function showFixed(id...
  • u011769706
  • u011769706
  • 2016年10月12日 14:07
  • 1467

CSS在IE6下的一些BUG和兼容性问题及解决办法

兼容性一直是前端的一大问题,也是让前端工程师很头痛的事情,在浏览器中,各厂商都有一套属于自己的标准和方法,从某种程度上看,是否能很好的处理兼容性问题,体现着一个前端工程师的水平,下面看一下CSS在IE...
  • u012552049
  • u012552049
  • 2015年05月25日 00:08
  • 1303

解决java中html转word文档,转成功后的word文档在断网情况下无法显示图片问题

解决java中html转word文档,转成功后的word文档在断网情况下无法显示图片问题
  • wht21888
  • wht21888
  • 2017年11月15日 22:13
  • 250

解决java中html转word文档,转成功后的word文档在断网情况下无法显示图片问题

前一段时间遇到一个问题,就是将html转成word文档,里面有图片,表格,和各种形式的文字。刚开始的做法是将html代码取出来,然后以留的形式进行保存,后缀名为.doc。当我转成之后发现一切完美,但是...
  • wht21888
  • wht21888
  • 2017年11月15日 21:36
  • 0

在未贴brcm4330芯片的情况下,invensense的sensor失效问题分析

在未贴brcm4330芯片的情况下,invensense的sensor失效问题分析 结论: 启动顺序问题。 sensor的上层应用会在启动过程中试图打开invensense的sys文件接口。 ...
  • coder_jack
  • coder_jack
  • 2013年09月03日 22:10
  • 2048

均匀圆阵部分阵元失效情况下的DOA估计方法

  • 2014年03月25日 22:11
  • 456KB
  • 下载

CSS滤镜:DropShadow属性 设置字体/DIV等的阴影效果

DropShadow属性是为了添加对象的阴影效果的。它实现的效果看上去就像使原来的对象离开页面,然后在页面上显示出该对象的投影。看一看它的表达式:   Filter:DropShadow(Col...
  • huwenhu2007
  • huwenhu2007
  • 2013年08月06日 10:31
  • 1379

解决 MMDrawerController 滑动侧抽屉失效 在首页有UIScrollView的情况下

前提准备: - 集成一个MMDrawerController - 重现这种状况 /* 以下为集成一个MMDrawerController */ HomeViewController...
  • sinat_30162391
  • sinat_30162391
  • 2016年11月03日 17:22
  • 769

实现ipad上的内嵌webview手势缩放图片(修改版,解决在第一张图片放大的情况下翻到下一张图片无法放大的问题) 基于Quo(js库)

这是自己在一个项目中用到的,可以根据手势(两个手指的拖放放大1.5倍图片,然后捏放下回复到原来大小,只要修改参数就可以无限放大和缩小图片) 下面是quo支持的手势: $(document).r...
  • taxuefangmei
  • taxuefangmei
  • 2013年10月29日 16:21
  • 3783
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:解决Dropshadow滤镜在父容器有背景图片的情况下失效的问题
举报原因:
原因补充:

(最多只允许输入30个字)