|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
如果单独使用DIV而不加任何CSS,那么它在网页中的效果和使用是一样的。
网页制造poluoluo文章简介:css中的通明度属性.
Firefox3.5已不撑持公有属性-moz-opacity了,在Mozilla1.7(Firefox0.9)之前FF都是利用这个公有属性的,Firefox0.9-Firefox3同时撑持-moz-opacity和opacity这两个属性,Firefox晋级到3.5以后,一些网站本来有的通明没有了,呵呵。
除IE以外,今朝支流扫瞄器,Opera9.0及更高版本,Safari1.2(WebKit125)及更高版本,chrome等等都撑持opacity这个设置通明度的属性,opacity的属性值是0<number<1的数值,默许值是1。
比方50%通明的类:.example{opacity:0.5;}
IE的通明度的属性从IE4-IE8利用filter:alpha(opacity=number),这里的number是0-100之间的整数数值,IE8中我们也能够用-ms-filter:"alpha(opacity=number)"。IE中还撑持progid:DXImageTransform.Microsoft.Alpha(Opacity=xx)这类写法,可是不倡议利用。
以是我们能够如许写通明度类:
.example{/*maketheboxtranslucent(80%opaque)*/
opacity:0.8;/*Firefox,Safari(WebKit),Opera*/
-ms-filter:"alpha(opacity=80)";/*IE8*/
filter:alpha(opacity=80);/*IE4-7*/
zoom:1;/*set"zoom","width"or"height"totrigger"hasLayout"inIE7andlower*/
}
这些能够参照:https://developer.mozilla.org/En/CSS:-moz-opacity
固然我们还会用js来设置元素的通明度,比方:
varel=document.getElementById("mybox");
el.style.opacity=50/100;//这里写出50/100次要是为了和ie的写法一致,便于一参数情势传进
el.style.filter=Alpha(Opacity=50);
这里要说的是,Firefox3.5在css上已不撑持公有属性-moz-opacity了,可是js中的el.style.MozOpacity=val/100;仍是被Firefox3.5撑持的,可是我不倡议利用,由于这是ff的公有的,其他扫瞄器不撑持。
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。 |
|