CSS 全透明度特性

日期:2021-03-14 类型:科技新闻 

关键词:网站建设,创建网站,免费建站平台,智能建站,企业建网站

Firefox3.5已不适用独享特性-moz-opacity了,在Mozilla 1.7 (Firefox 0.9)以前FF全是应用这个独享特性的,Firefox 0.9-Firefox3另外适用-moz-opacity和opacity这两个特性,Firefox升級到3.5以后,1些网站原先有的全透明沒有了,呵呵。

除IE以外,现阶段流行访问器, Opera 9.0及更高版本号,Safari  1.2(WebKit 125) 及更高版本号,chrome这些都适用opacity这个设定全透明度的特性,opacity的特性值是0<number<1的标值,默认设置值是1。

比如50%全透明的类:.example { opacity: 0.5;}

IE的全透明度的特性从IE4-IE8应用filter: alpha(opacity=number),这里的number是0⑴00之间的整数金额标值,IE8中大家还可以用-ms-filter: "alpha(opacity=number)"。IE中还适用progid:DXImageTransform.Microsoft.Alpha(Opacity=xx)这类写法,可是不提议应用。

因此大家能够这样写全透明度类:

.example { /* make the box translucent (80% opaque) */
   opacity: 0.8;                    /* Firefox, Safari(WebKit), Opera */
   -ms-filter: "alpha(opacity=80)"; /* IE 8 */
   filter: alpha(opacity=80);       /* IE 4⑺ */
   zoom: 1;/* set "zoom", "width" or "height" to trigger "hasLayout" in IE 7 and lower */
}

这些能够参考:https://developer.mozilla.org/En/CSS:-moz-opacity

自然大家还会用js来设定元素的全透明度,比如:

var el=document.getElementById("mybox");
el.style.opacity=50/100; //这里写出50/100关键是以便和ie的写法统1,便于1主要参数方式传入
el.style.filter='Alpha(Opacity=50)';

这里要说的是,Firefox3.5在css上已不适用独享特性-moz-opacity了,可是js中的el.style.MozOpacity=val/100;還是被Firefox3.5适用的,可是我不提议应用,由于这是ff的独享的,别的访问器不适用。

上一篇:公司SEOseo优化从什么层面刚开始 返回下一篇:没有了