|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?
图片的通明效果是网页中必要用到的一种特别情势,固然不长短常的经常使用,可是碰到如许的需求常常有点措手不及,在poluoluo.com的文章中固然有这方面的CSS实例,但还没有体系的先容过CSSAlpha通明,我们明天配合进修一下相干的常识。
关于CSSAlpha通明的相干常识。先请看以下代码:
filter:alpha(opacity=50);/*IE*/
-moz-opacity:0.5;/*Moz+FF*/
opacity:0.5;/*撑持CSS3的扫瞄器(FF1.5也撑持)*/
复杂注释,IE利用公有属性filter:alpha(opacity),MozFamily利用公有属性-moz-opacity,而尺度的属性是opacity(CSS3,MozFamily部分撑持CSS3)。前面的数值是通明度,利用百分比大概小数(alpha(opacity))利用年夜于0小于100的数值,实在也是百分比)。
从下面的代码中你没有看到Opera。没错,Opera还未撑持尺度的opacity,也没有其公有的可撑持Alpha通明的属性。
可是,我们晓得,Opera是撑持Alpha通明的PNG图片的(固然MozFamily也撑持)。以是我们可使用背景图片来完成Alpha通明效果。
关头在于:
background:transparenturl(alpha80.png)lefttoprepeat!important;
background:#ccc;
filter:alpha(opacity=50);
既然MozFamily撑持Alpha通明的PNG,以是我们没有需要利用其公有属性了。固然,你可使用尺度的opacity,但别同时利用Alpha通明图片和opacity,如许的话就成了二者的夹杂了。你能够把下面的例子下载过去,然后/*opacity:.5;*/的正文看看。
业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。 |
|