RSS订阅本站

CSS滤镜设置盒子半透明状态(兼容各主流浏览器)

by
Posted 二月 28th, 2011 at 6:29 下午

当我们在设置一个页面的时候,在IE下使用的滤镜,可以实现很多不错的特效,但是在chrome和火狐opera等浏览器里这些就全都失效了,这是为什么呢?这是因为滤镜只是属于IE浏览器开发下的功能,不支持IE内核的浏览器也就都不支持这些滤镜。 不过一般都支持透明滤镜,只是写法不一样,如下:

opacity: 0.6;/* Firefox, Safari(WebKit), Opera)
filter: "alpha(opacity=60)"; /* IE 8 */
filter: alpha(opacity=60);   /* IE 4-7 */

这三句的意思是在非IE和IE中都是60%的透明度。第一句是非IE核心浏览器的支持。第二三句是IE各版支持的。但是版本不一样就有两种了,用时候把三句都加上就行了,特别是在导航用了透明滤镜的板子,如果不多写点,又用了缩进,非IE中找都找不到。
opacity和opacity的值为 0-1 之间的小数。
0 全透明
1 不透明

原文标题:CSS滤镜设置盒子半透明状态(兼容各主流浏览器)
原文链接:http://www.8pit.com/firefox/css-filter-settings-translucent-box_1061.html
订阅本站:http://feed.feedsky.com/sinsky   转载请注明来源,喜欢本站可以Feed订阅本站。
已经有3条评论啦点击留下脚印
发广告和垃圾留言的哈,我日你妹!不要在这浪费时间!注册Gravatar头像

* Name

* Email Address

Website Address



现在可用的tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
赞助支持
国外PHP空间_高速稳定_美国空间_免备案_DT-Desgin_送Mysql_100M
RSS 订阅
My Blog
日志存档
网络邻居
彩色Tags