完美兼容ie6,ie7,ie8以及firefox的css透明滤镜

共有 36 位网友发表了评论　我要评论..

lyly3388(218.6.*.*) 发表于：2011-08-01 11:27:27

测试过了，火狐不兼容哦

xixi(61.186.*.*) 发表于：2011-07-12 10:46:43

测了测 有效果 不过把212改为255火狐里面和其他浏览器就一样了 现在问题来了 对这个最新的颜色设置玩不来 能教教这个不啊

liqiuhong(182.151.*.*) 发表于：2011-05-25 11:21:22

我也试了，根本没效果

管理员回复：不会吧

rise1988(125.33.*.*) 发表于：2011-04-22 09:23:04

没有效果。

管理员回复：不会吧

woaisheji888(124.126.*.*) 发表于：2011-03-10 15:09:39

这网站太tmd给力了我kao！！

shadow1986(116.226.*.*) 发表于：2011-02-12 17:08:27

站长真好，无私奉献，要多多推荐该网站

管理员回复：ok

Yangxiuguo(203.187.*.*) 发表于：2010-12-31 16:11:05

IE6下是不支持PNG透明的。

Yangxiuguo(203.187.*.*) 发表于：2010-12-31 16:09:49

我用过CSS滤镜 在FF下测试 成功啊 ~！没发现其他问题。

ashuo(125.39.*.*) 发表于：2010-12-14 23:19:34

呵呵，不能空手而归啊。又学到不少……通俗点说吧：祝站长及所有好人一生平安！

管理员回复：谢谢啊，欢迎常来

yier202(60.166.*.*) 发表于：2010-09-09 09:18:13

opacity:0.8; -moz-opacity:0.8; 呵呵查到了，这个是火狐透明滤镜的代码...第一个是现在版本的代码 后面一个是兼容以前版本火狐的

yier202(60.166.*.*) 发表于：2010-09-08 09:34:05

郁闷 貌似I6也不兼...

管理员回复：这么多问题呀

yier202(60.166.*.*) 发表于：2010-09-08 09:15:03

在ff上测试失败...滤镜无效

管理员回复：火狐下就不是使用的滤镜

toltolot(114.113.*.*) 发表于：2010-09-02 17:58:55

用两层来实现的话，背景层铺满整个窗体时 需要增加设置 position:absolute;top:0;bottom:0;left:0;right:0;但是这个ie6不认识啊。。怎么解决？

管理员回复：top:0;bottom:0;left:0;right:0;这四个只能同时用相邻两个

hello2008913(219.238.*.*) 发表于：2010-09-01 13:10:04

受教了，谢谢管理员辛苦的给我们准备了这么一个好的不得了的学习课堂。 致敬~~~

管理员回复：欢迎常来

xxfire(116.226.*.*) 发表于：2010-08-27 15:53:23

忽悠人的

哎(125.118.*.*) 发表于：2010-08-27 15:32:42

IE6怎么实现不管是背景，还是图片的PNG格式透明

管理员回复：请搜索本站关于png透明的文章

ff(58.48.*.*) 发表于：2010-08-26 13:24:05

ff、opera下测试无效果，不知LZ的ff是什么版本的？

管理员回复：3.6

tyfdesign(119.136.*.*) 发表于：2010-05-17 11:08:55

rgba(212,0,0,0.5); background:#f00\9; filter:alpha(opacity=50); line-height:200%;}

tyfdesign(116.7.*.*) 发表于：2010-05-15 17:45:53

站长好！那个代码里面的写的那些不是很长用的；可不可以麻烦你注释一下、谢谢~

管理员回复：哪些？

eboy(116.252.*.*) 发表于：2010-05-13 09:22:10

呵呵,看得出管理员挺有责任心的哦! 不过说下,要想兼容ie6,ie7以及firefox的css透明滤镜，文字不继承其透明属性,目前来说好像只有一种写法是比较规范.那就是用两个层,一个是背景层,别一个是内容层来实现.具体的教程网上有很多,可以自己去找下.为什么要用两个层? 原因是firefox有个继承性的问题,这好像是不可避免的(烦人).不过IE就很容易通过position解决其继承性问题. 上面的教程是不对的,请管理员及时修改过来.

管理员回复：嗯，这也是一种实现的办法

Andersonluo(222.66.*.*) 发表于：2010-04-09 11:48:45

我看实用教程就点点旁边的广告的！！站长推广Web标准而建立的。你以为服务器租用购买域名不要钱？楼下的看着不爽就以圆润的团成团的方式离开。啰嗦什么啰嗦！

管理员回复：^_^

fire2009(58.248.*.*) 发表于：2010-04-08 18:36:32

这网站是骗点击率的吧

管理员回复：此话何解

chujay(123.146.*.*) 发表于：2010-04-03 16:56:27

我的浏览器是IE6.测试了下,没问题.

海浪(124.207.*.*) 发表于：2010-03-30 14:58:23

如果想调透明度都调那写参数？

管理员回复：动手试试就知道了

making(116.236.*.*) 发表于：2010-03-30 10:43:45

css中 我是这样写的#container{filter:alpha(opacity=30); (IE下写法 透明度30%)opacity:0.3; （非IE下 火狐中）} 管理员可以试一下 （）中的内容是解释 可以去掉。

管理员回复：这种写法文字会继续半透明属性

l7750(58.49.*.*) 发表于：2010-03-23 19:38:55

看不见啊

sbjtang126(218.23.*.*) 发表于：2010-03-21 10:16:18

我这IE6 也没效果哎？？

yy2zmg(113.91.*.*) 发表于：2010-03-09 12:41:28

经过我多次测过``在FF是无效的```我用的是FF3.6,ie6-ie8正常！

管理员回复：我也纳闷了，以前测试正常，现在我的IE8下不正常

ayen(112.64.*.*) 发表于：2010-03-05 21:27:03

感谢楼主转载我的文章 designcss.org 发布最新前端技术文档（ajax框架 web标准化讨论等）

Neo(222.161.*.*) 发表于：2010-02-27 16:12:47

ie6 没透明

管理员回复：不会呀，我这儿正常

绿茶(112.65.*.*) 发表于：2010-02-24 16:20:43

*是IE6和IE7支持,IE8和ff不支持，rgba IE8也不支持，试了几次ie6,ie7,ff都有显示出效果，ie8不显示，请问我说的有理吗

管理员回复：这个你可以试下，我之前测试没问题，发布几天后有网友反映，又在IE8下试了就出不来效果了

ybyqlong(124.14.*.*) 发表于：2010-02-05 15:38:29

我怎么不管在哪个浏览器都没效果呢？

管理员回复：早两天确实正常的，现在不知道怎么就不正常了。研究中...

Blacksky(221.232.*.*) 发表于：2010-01-28 16:18:27

额...原来火狐支持rgba作背景色啊~

管理员回复：是呀

Blacksky(221.232.*.*) 发表于：2010-01-28 09:35:04

你确定你用的是火狐3.5版的???用火狐点运行代码跟本就没用,只能复制到本地.我看着没透明效果,ie7到是有

管理员回复：已修改，昨天把兼容火狐的背景色给改错了

BlackSky(221.232.*.*) 发表于：2010-01-28 09:17:25

为什么我把代码复制到html里面用火狐浏览没透明效果?? 我用的是火狐中国版

管理员回复：不对呀，我在火狐里预览是有半透明的效果的

BlackSky(111.172.*.*) 发表于：2010-01-27 16:20:16

这个CSS不知道是哪些样式使所有浏览器兼容的 好像只用了filter:alpha(opacity=50);这一句是透明 margin,line-height,font-size,padding,border应该都是一样的 不一样的就是对背景的设置和下面那句position:relative 还希望能解释一下哪些语句是针对哪些浏览器的~

管理员回复：filter是针对IE的，position是在IE下让它里的字不透明，背景色的rgba是针对火狐的