CSS Alpha透明相干常识进修
发布时间：2018-08-20 12:51:18 所属栏目：创业 来源：站长网
导读：图片的透明结果是网页中必要用到的一种非凡情势，固然不长短常的常用，可是碰着这样的需求每每有点措手不及，在webjx.com的文章中固然有这方面的CSS实例，但还没有体系的先容过CSS Alpha透明，我们本日配合进修一下相干的常识。 关于CSS Alpha透明的相干知
|
图片的透明结果是网页中必要用到的一种非凡情势，固然不长短常的常用，可是碰着这样的需求每每有点措手不及，在webjx.com的文章中固然有这方面的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;*/的注释看看。 （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
热点阅读