关闭

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

364人阅读 评论(0) 收藏 举报

做项目中需要用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>

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9924次
    • 积分:185
    • 等级:
    • 排名:千里之外
    • 原创:9篇
    • 转载:2篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档