今天给大家带来的代码是如何使用css让图片实现半透明的效果，下面我们来看一下。
完整的html代码：
图片半透明效果 @@##@@
以上是CSS处理后效果@@##@@
以上是处理前效果
使用到的是CSS滤镜效果代码：filter: Alpha(Opacity=30, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=100) 更改里面的数字调节透明度和效果
注意的是在火狐或谷歌浏览器中这个CSS滤镜效果不能实现或不起作用，所以我们一般推荐不使用CSS滤镜，还有CSS滤镜会导致用户电脑内存的占用过多，网页浏览不畅，适可运用即可。
相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！
立即学习“前端免费学习笔记（深入）”；
相关阅读：
驼峰命名与JS的问题解答
JS里的布尔值、关系运算符、逻辑运算符的详解及实例
前端的js框架总结以及用途讲解
以上就是如何使用CSS让图片实现半透明的效果的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1545384.html
微信扫一扫 
支付宝扫一扫 
