100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > css如何设置颜色透明度

css如何设置颜色透明度

时间:2021-01-28 06:52:04

相关推荐

css如何设置颜色透明度

web前端|css教程

css,颜色,透明度

web前端-css教程

验证码生成源码,,Tomcat服务项目不跑,爬虫 app 签名,php哪本书比较好,seo关键词优化软件推广渠道lzw

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

免费商城cms系统源码,vscode怎么输入空格,ubuntu开机ok,tomcat 运行秒退,sqlite数据库网页版,java爬虫爬取疫情数据并分析,nginx 不能php,眉山seo网络推广方法,最新时时彩网站源码,公司注册模板下载软件lzw

opacity属性可以用来设置元素背景的透明度;它需要0~1之间的值。

新版发卡平台源码线路版,vscode跑小程序,ubuntu装git,提高tomcat运行,sqlite3 xp 编译,网络爬虫的核心模块概括为,php网页聊天室,汕尾seo优化技术,电商网站开源程序,易语言网页音乐,云.官网模板企业版lzw

0表示完全透明(opacity:0);

1表示完全不透明(opacity:1);

0.5表示半透明(opacity:0.5);

语法:

opacity: value|inherit;

属性值:

value 指定不透明度。从0.0(完全透明)到1.0(完全不透明)

inherit Opacity属性的值应该从父元素继承

代码示例:

opactity.box1{position:relative; width:200px;height:200px; background-color: #00f; } .box2{ position:absolute; top:80px; left:80px; width:200px; height:200px; background-color:#0f0; } .box3{ position:relative; width:200px; height:200px; background-color:#f00; z-index:1;}

.box1{ position:relative; width:200px;height:200px; background-color: #00f; z-index:10; opacity:0.5;}.box2{position:absolute;top:80px;left:80px;width:200px;height:200px;background-color:#0f0;z-index:5;opacity:0.5; } .box3{position:relative;width:200px;height:200px; background-color:#f00; z-index:1;opacity:0.5; }

来看下运行效果:

相关视频分享:css视频教学

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。