css怎么设置背景图片的透明度

互联网 20-11-13

css设置背景图片的透明度的方法:可以利用opacity属性来进行设置,如【opacity: value|inherit;】。value规定不透明度,inherit规定从父元素继承opacity属性的值。

属性介绍:

opacity 属性设置元素的不透明级别。

(学习视频分享:css视频教程)

语法:

opacity: value|inherit;

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

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

示例:

提示:CSS 中无法直接给背景图片加 opacity 属性,可以使用下面的方法绕过这个限制。

div {   width: 200px;   height: 200px;   display: block;   position: relative; }  div::after {   content: "";   background: url(image.jpg);   opacity: 0.5;   top: 0;   left: 0;   bottom: 0;   right: 0;   position: absolute;   z-index: -1;    }

相关推荐:CSS教程

以上就是css怎么设置背景图片的透明度的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: 透明度
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:css :first-child的作用是什么?

相关资讯