css实现png图片透明的方法

2024-12-29 20:26:31

推荐回答（5个）

回答1：

实现透明的css方法通常有以下3种方式（以下是不透明度都为80%的写法）

css3的opacity:x，x 的取值从 0 到 1，如opacity: 0.8

css3的rgba(red, green, blue, alpha)，alpha的取值从 0 到 1，如rgba(255,255,255,0.8)

IE专属滤镜 filter:Alpha(opacity=x)，x 的取值从 0 到 100，如filter:Alpha(opacity=80)

回答2：

　　虽然有CSS有很多方法能实现PNG图片透明效果，但在各浏览器中的兼容效果却不好，下面是一个能兼容各浏览器用CSS定义PNG透明效果的方法，方法如下：

用以上方法就能用CSS实现PNG图片透明效果并兼容各种浏览器。

回答3：

ps 制作 png时 设置背景透明就可以了，

IE 6 不支持 png透明，其它浏览器度支持


相关资料：http://weifei520120.blog.163.com/blog/#m=0

回答4：

PNG 本身背景就是透明的，如果是一张图片实现半透明，你可以用css:opacity来调节透明度区间是【0,1】，还有一种方式是css3里面的background:rgba(0,0,0,1)分别代表RGB值，最后一个是透明度

回答5：

你在相应的图片上加上这两句CSS样式应该就可以了：
filter:Alpha(opacity:50);
opacity:0.5;