css实现png图片透明的方法
6个回答
展开全部
实现透明的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)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
虽然有CSS有很多方法能实现PNG图片透明效果，但在各浏览器中的兼容效果却不好，下面是一个能兼容各浏览器用CSS定义PNG透明效果的方法，方法如下：
<style>
.mycls{
width: 48px;
height: 48px;
background: url(20090318230119136.png) no-repeat left top;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="20090318230119136.png");
}
</style>
<body bgcolor="#CCCCCC">
<div class="mycls"></div>
</body>
用以上方法就能用CSS实现PNG图片透明效果并兼容各种浏览器。
<style>
.mycls{
width: 48px;
height: 48px;
background: url(20090318230119136.png) no-repeat left top;
_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale,src="20090318230119136.png");
}
</style>
<body bgcolor="#CCCCCC">
<div class="mycls"></div>
</body>
用以上方法就能用CSS实现PNG图片透明效果并兼容各种浏览器。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
ps 制作 png时 设置背景透明就可以了，
IE 6 不支持 png透明，其它浏览器度支持
相关资料：<a href="http://weifei520120.blog.163.com/blog/#m=0">http://weifei520120.blog.163.com/blog/#m=0</a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
PNG 本身背景就是透明的，如果是一张图片实现半透明，你可以用css:opacity来调节透明度区间是【0,1】，还有一种方式是css3里面的background:rgba(0,0,0,1)分别代表RGB值，最后一个是透明度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你在相应的图片上加上这两句CSS样式应该就可以了：
filter:Alpha(opacity:50);
opacity:0.5;
filter:Alpha(opacity:50);
opacity:0.5;
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
