首页前端开发CSSopacity属性怎么用

opacity属性怎么用

时间2024-05-21 20:00:03发布访客分类CSS浏览76
导读: CSS3opacity属性 作用:检索或设置对象的不透明度。 语法: opacity:value|inherit; value:规定不透明度。从0.0(完全透明)到1.0(完全不透明)。 inherit:应...
  CSS3opacity属性   作用:检索或设置对象的不透明度。   语法:   opacity:value|inherit;   value:规定不透明度。从0.0(完全透明)到1.0(完全不透明)。   inherit:应该从父元素继承opacity属性的值。   说明:对于尚不支持opacity属性的IE浏览器可以使用IE私有的滤镜属性来实现与opacity相同的效果。   CSS3opacity属性的使用示例   示例1:                           h1{   margin:10px0;   font-size:16px;   }   .test,   .test2{   width:300px;   height:150px;   padding:10px;   }   .test{   background:#050;   }   .test2{   margin:-120px0050px;   background:#000;   filter:alpha(opacity=50);   opacity:.5;   color:#fff;   }            

下例是一个半透明的效果:

  
不透明度为100%的box
  
不透明度为50%的box
     





本文转载自中文网

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: opacity属性怎么用
本文地址: https://pptw.com/jishu/665093.html
PLSQL导入pde数据丢失怎么找回 plsql如何备份整个数据库

游客 回复需填写必要信息