CSS滤镜同时过滤文字的问题的如何解决方法

即使没有人为你鼓掌,也要优雅的谢幕,感谢自己的认真付出。我们未来都是巨星,别人信不信无所谓,我们自己必须坚信!
经过本人查阅大量资料,实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.

html代码:
复制代码
代码如下:

<div id=”body”>
<span><龙哥博客>解决CSS滤镜同时过滤文字的问题</span>
</div>

css代码:
复制代码
代码如下:

<style type=”text/css”>
#body{ border:1px solid #c00; background-color:rgba(212,0,0,0.5); background:#f00\9; filter:alpha(opacity=10); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;}
</style>

这样的代码并不能解决过滤文字的问题,想要不过滤文字,就必须在CSS代码里加上这行代码:
复制代码
代码如下:

#body *{ position:relative;}

星号是为了让IE6和IE7执行,火狐和IE8就不执行了,火狐本身来讲就不支持IE特有的滤镜功能,所以这里没必要再加星号,怎么样?很简单吧~

转自:http://www.52blogger.com/archives/532

以上就是CSS滤镜同时过滤文字的问题的如何解决方法。学在苦中求,艺在勤中练不怕学问浅,就怕志气短。更多关于CSS滤镜同时过滤文字的问题的如何解决方法请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例