空间  购物  百科  知道  词典  美女  繁体  小说

上一篇《教你用CSS属性选择器控制链接样式》

字体: 小|中|大

　　图片的透明效果是网页中需要用到的一种特殊形式，虽然不是非常的常用，但是遇到这样的需求往往有点措手不及，在我们的文章中虽然有这方面的CSS实例，但还没有系统的介绍过CSS Alpha透明，我们今天共同学习一下相关的知识。
　　关于CSS Alpha透明的相关知识。先请看如下代码：
　　filter:alpha(opacity=50); /* IE */
　　-moz-opacity:0.5; /* Moz + FF */
　　opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/
　　简单解释，IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数（alpha(opacity)）使用大于0小于100的数值，其实也是百分比）。
　　从上面的代码中你没有看到Opera。没错，Opera还未支持标准的opacity，也没有其私有的可支持Alpha透明的属性。
　　但是，我们知道，Opera是支持Alpha透明的PNG图片的（当然Moz Family也支持）。所以我们可以使用背景图片来实现Alpha透明效果。
　　background:transparent url(alpha80.png) left top repeat!important;
　　background:#ccc;
　　filter:alpha(opacity=50);
　　既然Moz Family支持Alpha透明的PNG，所以我们没有必要使用其私有属性了。当然，你可以使用标准的opacity，但别同时使用Alpha透明图片和opacity，这样的话就成了两者的混合了。你可以把上面的例子下载过来，然后/*opacity:.5;*/的注释看看。(王朝网络 wangchao.net.cn)

 

标签: Alpha  CSS  代码  学习  相关  知识  透明  

　　图片的透明效果是网页中需要用到的一种特殊形式，虽然不是非常的常用，但是遇到这样的需求往往有点措手不及，在我们的文章中虽然有这方面的CSS实例，但还没有系统的介绍过CSS Alpha透明，我们今天共同学习一下相关的知识。 　　关于CSS Alpha透明的相关知识。先请看如下代码： filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 　　简单解释，IE使用私有属性filter:alpha(opacity)，Moz Family使用私有属性-moz-opacity，而标准的属性是opacity（CSS 3, Moz Family部分支持CSS3）。后面的数值是透明度，使用百分比或者小数（alpha(opacity)）使用大于0小于100的数值，其实也是百分比）。 　　从上面的代码中你没有看到Opera。没错，Opera还未支持标准的opacity，也没有其私有的可支持Alpha透明的属性。 　　但是，我们知道，Opera是支持Alpha透明的PNG图片的（当然Moz Family也支持）。所以我们可以使用背景图片来实现Alpha透明效果。 background:transparent url(alpha80.png) left top repeat!important; background:#ccc; filter:alpha(opacity=50); 　　既然Moz Family支持Alpha透明的PNG，所以我们没有必要使用其私有属性了。当然，你可以使用标准的opacity，但别同时使用Alpha透明图片和opacity，这样的话就成了两者的混合了。你可以把上面的例子下载过来，然后/*opacity:.5;*/的注释看看。

 

声明：王朝网络登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。

 

网友评论 查看所有评论

 

 

 

网络 商业价值杂志：HTML5将带来什么
母婴 国内外给宝宝补钙有啥区别
健康 北京海鲜去哪里吃
旅游 欧洲自助游如何办签证
数码 印度暂缓封锁黑莓 紧盯网密服务密钥－安全资讯
游戏 短暂的歇息 多玩编辑部外出旅游三天
学院 摩托罗拉XT701手机使用的感觉
家饰 富安娜指控罗莱流氓链接 后者应诉坚称无辜
家电 中国小家电交易会9天创造逾10亿签单额
女性 “奋斗男”坚守婚姻保卫第一线
汽车 国内SUV销量三甲过人之处解析
珠宝 中国珠宝内销市场一枝独秀
军事 简氏：中国正为泰国研制新型火箭炮及导弹
美女 蓝色湖边的靓丽少女
探索 月球地名首次有了标准中文译名