合买大神
网站首页 网站建设 公司动态 行业新闻 案例展示 关于我们

文章内容

css中的透明度属性

日期:2013-11-27  来源:攀枝花惠康网络公司

除了IE之外,今朝主流浏览器, Opera 9.0?#26696;?#39640;版本,Safari 1.2(WebKit 125) ?#26696;?#39640;版本,chrome等等都撑持opacity这个设置透明度的属性,opacity的属性值是0<number<1的数值,默认值是1。(转载请注明出处:WEB前端开发 http://www.css88.com/)

例如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)这?#20013;?#27861;,可是不建议使用。(转载请注明出处:WEB前端开发 http://www.css88.com/)

.example { /* make the box translucent (80% opaque) */
opacity: 0.8; /* Firefox, Safari(WebKit), Opera */

Firefox3.5已不撑持私有属性-moz-opacity了,在Mozilla 1.7 (Firefox 0.9)之前FF都是使用这个私有属性的,Firefox 0.9-Firefox3同时撑持-moz-opacity和opacity这两个属性,Firefox进级到3.5之后,一些网站本?#24180;夜?#30340;透明没有了,呵呵。


-ms-filter: "alpha(opacity=80)"; /* IE 8 */


filter: alpha(opacity=80); /* IE 4-7 */
el.style.filter='Alpha(Opacity=50)';


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的写法统一,便于一参数形式传入

这里要说的是,Firefox3.5在css上已不撑持私有属性-moz-opacity了,可是js中的el.style.MozOpacity=val/100;仍是被Firefox3.5撑持的,可是我不建议使用,因为这是ff的私有的,其他浏览器不撑持。

文章来源:攀枝花惠康网络公司

惠康网络,是一家专业从事攀枝花网站建设,攀枝花网站制作,攀枝花网站设计公司,提供网站建设一条龙服务(网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广),惠康网络立足攀枝花,辐射全中国,攀枝花惠康网络的客户已经遍布国内各地大中小城市,我们高效优质的网站建设服务深受用户好评。

  • 提交设计需求
    您可以通过以下联系方式提交设计需求
  • 制作周期与费用评估
    收到您的需求后,我们将对网站建设周期和费用进行评估
  • 签订服务合同
    双方确认需求后签订服务合同协议,网站建设开发正式启动
  • 网站制作及修改
    ?#32423;?#24037;期内提交网站初稿,并与客户沟通修改
  • 完稿及验收
    完成网站开发制作并交付用户,验收合格后付款
  • 售后及维护
    根据用户需要况进行免费营销指导以及有偿网络营销及网站维护

客服?#35748;擼?img src="skin/images/tel.png" alt="tel" height="15" width="84" style="vertical-align:middle;">(谢先生)  客服QQ:1323605005  
服务邮箱:[email protected](售前咨询)  [email protected](技术部)  [email protected](售后服务)
公司地址:四川省攀枝花市
?#26102;啵?/span>617200

合买大神 兰斯的世界 阿尔萨德足球队 柏林赫塔亚博 法国亚眠教堂 重庆时时彩开奖直播 比利亚雷亚尔皇家社会 国米vs切沃直播 福彩35选7走势图2元网 多特蒙德拜仁 罗曼波兰斯基