css中的opacity属性怎么用
发表于:2026-11-01 作者:千家信息网编辑
千家信息网最后更新 2026年11月01日,这篇文章主要介绍了css中的opacity属性怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。CSS3opacity属性作用:检索
千家信息网最后更新 2026年11月01日css中的opacity属性怎么用
这篇文章主要介绍了css中的opacity属性怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
CSS3opacity属性
作用:检索或设置对象的不透明度。
语法:
opacity:value|inherit;
value:规定不透明度。从0.0(完全透明)到1.0(完全不透明)。
inherit:应该从父元素继承opacity属性的值。
说明:对于尚不支持opacity属性的IE浏览器可以使用IE私有的滤镜属性来实现与opacity相同的效果。
CSS3opacity属性的使用示例
示例1:
h2{
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
感谢你能够认真阅读完这篇文章,希望小编分享的"css中的opacity属性怎么用"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
属性
篇文章
透明度
效果
示例
支持
相同
价值
作用
元素
兴趣
同时
对象
更多
朋友
浏览器
知识
编带
行业
语法
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
天津市摩尔互联网科技
伟宏互联网科技
互联网科技工作委员会主任
互联网核心科技是什么
互联网科技开发公司
科技制造互联网公司
奇酷互联网络科技
互联网科技logo设计
菲比寻常互联网科技
科技互联网创业计划书
互联网科技博客
互联网实体化科技化
新华互联网科技2019
济南有互联网科技公司吗
上海京穆互联网科技有限公司
怎样加入科技互联网
21世纪互联网科技成就
上海互联网科技公司ppt
科技和互联网行业的特点
承德科技产业互联网平台
金融科技 互联网金融
亿账通互联网科技
互联网科技的未来发展
哈尔滨新华互联网科技
蓝色互联网科技
广州恒生互联网科技有限
互联网经济与金融科技
北京市互联网新科技
产业互联网科技服务公司
知域互联网科技有限公司官网