CSS滤镜另外过虑文本的难题的处理方式

日期:2021-01-20 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

历经自己查阅很多材料,试验N次终究寻找了1个适配ie6,ie7,ie8和firefox的css全透明滤镜的方式,且看我举例表明.

html编码:

拷贝编码
编码以下:

<div id=”body”>
<span><龙哥blog>处理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