png图片在网页中能显示透明

原创 2007年10月08日 16:39:00

  由于IE没有把PNG的Alpha通道打开,如果想在IE中显示透明效果的PNG图,就需要使用一些小技巧。这只是方法的一种,推荐给大家,总有用的着的时候。

<script defer type="text/javascript" >

var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var i=0; i<document .images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=/"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=/'" + img.src + "/', sizingMethod='scale');/">"
img.outerHTML = strNewHTML
i = i-1
}
}
}
</script>  

MFC环境下显示透明PNG图片

工作需要又得使用MFC变调试软件。
  • wangsenmm
  • wangsenmm
  • 2014年04月25日 16:30
  • 2419

OpenCv图像叠加时png图片的透明部分无法透明的解决办法

关于opencv的图片叠加问题,如何去掉png图片中的白底,解决不透明问题
  • amingmao
  • amingmao
  • 2015年06月28日 17:08
  • 3934

C# Winform控件贴透明png图片遇到的问题

转自:http://blog.csdn.net/gxtdjh/article/details/6215766    用C# winform开发界面时会遇到很多小问题,首先贴透明的png图片后,图...
  • wyq1153
  • wyq1153
  • 2016年09月28日 22:54
  • 2258

(转)CImage显示透明背景的PNG图片

PNG透明背景显示之路    在VC7.1中 MFC图形处理类里有一个强大的成员---CImage,这个类提供了从外部磁盘中调入一个JPEG、GIF、BMP和PNG格式的图像文件加以显示,而且这...
  • kejzhao
  • kejzhao
  • 2014年11月12日 10:08
  • 1007

OSG中使用png图片显示透明效果

常见的几种图片格式中只有png格式和gif格式的图片会有透明效果,其他tupi
  • u012501459
  • u012501459
  • 2014年07月03日 20:53
  • 2205

制作png格式透明图片的简易方法

photoshp之类的专业软件太复杂,其实,制作透明图标有比较简易的方法,用PowerPoint或者国产的WPSyanshi...
  • zhouyingge1104
  • zhouyingge1104
  • 2014年04月25日 11:22
  • 26695

AutoCAD生成png透明图像

前言最近在做一个与地图有关项目,需要用到自定义现场地图。在使用激光测距仪测量后并使用AutoCAD绘制出地图后却发现一个严重问题,AutoCAD不能将图形保存为带透明度的Png格式图像文件,经过搜索引...
  • w19961009
  • w19961009
  • 2016年02月29日 21:16
  • 4860

【转】关于Java生成背景透明的png图片

http://www.cnblogs.com/dotjava/archive/2008/09/04/1283963.html 关于Java生成背景透明的png图片 最近用到...
  • YunShuMingliao
  • YunShuMingliao
  • 2014年04月18日 09:21
  • 4176

MFC中CImage类显示的半透明PNG存在的问题以及处理方法

在MFC中自己也做过很多关于如何
  • lixiang987654321
  • lixiang987654321
  • 2014年10月23日 08:56
  • 5096

解决IE7&IE8 png 透明度的问题以及文字透明模糊

在学习dojo的dom-style.js中遇到了设置opacity的问题,
  • cexo425
  • cexo425
  • 2014年09月17日 13:47
  • 3316
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:png图片在网页中能显示透明
举报原因:
原因补充:

(最多只允许输入30个字)