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>  

解决在网页上显示PNG图片底色不透明的方法

来源: 网易博客 类别: 编程 作者: 阿拉蕾 发布时间: 2009-9-7 22:09:18 很多时间,我们需要在网页上插入一些没有底色,只有轮廓的图片,而常用的底色透明的图片的有GIF和PNG,如...
  • wonsoft
  • wonsoft
  • 2010年05月27日 11:50
  • 3141

使png 图片在网页上透明显示

比较gif 与png格式图片,使用png-8 实现网页图片透明效果。
  • spring21st
  • spring21st
  • 2010年05月31日 15:50
  • 2646

几个ie6样式兼容性:1px高的块容器、PNG透明图像、负边距时后遮盖前、边框不显示等问题

一、IE6下的1px高的块容器。 在工作中,美工经常会设计出1px高的线条来装饰页面。 如果是单色的线,可用border来实现,如果有渐变或者1PX的图案,那只好用盒容器加背景图了。 对于IE7及以上...
  • kevinhjing
  • kevinhjing
  • 2015年08月17日 11:20
  • 1109

MFC环境下显示透明PNG图片

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

png图片透明部分点击

recordBtn为图片id点击图片获取鼠标坐标位置,再定位到这个坐标所对应的图片下面元素,执行点击操作 //录音按钮遮挡下面,找到点击位置穿透到下面li $("#recordBtn").cl...
  • qq_18415783
  • qq_18415783
  • 2017年10月26日 13:17
  • 104

在网页中插入一个透明背景的PNG图片

在网页中插入一个透明背景的PNG图片,可是在显示的时候,它的背景就成灰色了。这是IE的bug。需要加入以下代码: function correctPNG() ...
  • cui_angel
  • cui_angel
  • 2012年09月05日 14:42
  • 3218

MFC picture控件加载透明png图片

转载来自:http://czy.t.blog.163.com/blog/static/11691154820120260917596/ GDI+ stdafx加入如...
  • songyimin1208
  • songyimin1208
  • 2017年01月15日 21:49
  • 1896

PNG透明图片在IE浏览器中正确显示

png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不...
  • haibo0668
  • haibo0668
  • 2016年06月02日 12:53
  • 665

网页PNG图片不显示

具体症状是:以IE为核心的浏览器包括ie都打不开png格式的网页图片,如果以纯链接打开网络png图片则提示下载或无法打开。 可能原因是: 1.卸载了Kmplayer 2.装了quik...
  • Iamduoluo
  • Iamduoluo
  • 2010年10月15日 14:48
  • 1030

CImage显示透明PNG

在做项目的时候,需要用到透明的png格式的图片,使用CImage的时候,发现显示出来的并不是透明背景的图片,而且一些黑色边加一大片白色背景的图片,这是怎么回事呢?用ps来看的时候明明就是透明的呀......
  • zaijzhgh
  • zaijzhgh
  • 2010年05月24日 10:36
  • 4983
收藏助手
不良信息举报
您举报文章:png图片在网页中能显示透明
举报原因:
原因补充:

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