如何在图片上加一个透明的遮罩层 ??

发布于 2022-08-24 01:26:42 字数 188 浏览 32 评论 0

请输入图片描述

类似这种效果。

这种效果用一张透明的png图片可以做, 好像用js+css 也能做,谁能提供类似代码。。。 ?

感谢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

浮光之海 2022-08-31 01:26:42

把图片用做背景,然后写一个position:absolute;的div浮动于它的上面,这个层设定一个半透明opacity:0.7;

北渚 2022-08-31 01:26:42

对于支持 css RGBA 颜色的浏览器,可以把颜色定义成 rgba(0, 0, 0, 0.7),其中“0.7”是透明度。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文