原文地址:

http://www.cnblogs.com/majian/archive/2010/08/12/1798221.html

IE6不支持PNG半透明图片的缺陷为web设计带来了极大的不便,之前曾经介绍过用滤镜+hack的方法实现显示PNG,不过实现起来相当繁琐。还有一种网上比较流行的方法,更加简便,下面详细介绍这种方法:

把以下代码保存为correctpng.js

function correctPNG()
{
   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');\"></span>"
   img.outerHTML = strNewHTML
   i = i-1
   };
   };
};

if(navigator.userAgent.indexOf("MSIE")>-1)
{
window.attachEvent("onload", correctPNG);
};

在网页的头部引用一下

<SCRIPT language=JavaScript 
src="correctpng.js" 
type=text/javascript></SCRIPT>

使用的时候直接用img标签即可。

转载于:https://www.cnblogs.com/chen7/p/3356373.html

IE6 PNG 透明的方法相关推荐

  1. 新分享一种解决ie6下PNG图片透明的方法

    IE6中的图片不透明问题一直困扰着广大设计从业者们,前段时间已经分享了一种使用HTC文件解决的方法和使用滤镜使png背景图片透明的方法,今天再分享一种使用脚本代码使PNG图片在IE6中透明的办法. 脚 ...

  2. 实现背景透明的方法,兼容ie6/7/8等浏览器

    今天登录支付宝,发现支付宝首页首页改版了,给人一种清新,自然,简洁的感觉,另外发现支付首页的登录界面用的一种半透明的背景,刚开始以为是用的rgba方法,但是发现在ie6.7.8中登录界面的背景也是同样 ...

  3. 解决IE6兼容性问题常见方法

    你对解决IE6兼容性问题常见方法是否了解,这里和大家分享一下,希望对你的学习有所帮助,欢迎大家一起来学习. 解决IE6兼容性问题常见方法 1.使用声明 你必须经常在html网页头部放置一个声明,推荐使 ...

  4. qt设置文本背景透明_Qt修改图片的背景色及设置背景色为透明的方法

    先上干货. Qt下修改图片背景色的方法: 方法一: QPixmap CKnitWidget::ChangeImageColor(QPixmap sourcePixmap, QColor origCol ...

  5. IE6 PNG透明终极解决方案

    IE6 PNG透明终极解决方案 参考文章: (1)IE6 PNG透明终极解决方案 (2)https://www.cnblogs.com/wanghun/archive/2012/03/29/24230 ...

  6. css只设置背景图片半透明,css3实现背景图片半透明内容不透明的方法示例

    上一个博客做登陆的页面是遇到的问题,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示: 内容半透明 内容不透明 最常见的做法事设置元素的opacity,这种设置 ...

  7. Ubuntu18.04安装搜狗拼音输入法皮肤透明解决方法

    Ubuntu18.04安装搜狗拼音输入法皮肤透明解决方法 参考文章: (1)Ubuntu18.04安装搜狗拼音输入法皮肤透明解决方法 (2)https://www.cnblogs.com/darkli ...

  8. css3实现背景图片半透明内容不透明的方法

    css实现背景图片半透明内容不透明的方法 上一个博客做登陆的页面是遇到的问题,突然想使用这种背景图片透明,而内容不透明的效果,这里我就说一说我的两个思路吧. 效果展示: 内容半透明 内容不透明 最常见 ...

  9. 计算机任务栏的透明颜色设置,Win10系统任务栏如何设置透明?Win10任务栏设置完全透明效果方法...

    不少用户喜欢将电脑设置的个性化一些,与他人的界面不一样也是展现个人个性的一面.设置桌面背景都是小KS,将Win10系统的任务栏设置完全透明你了解过吗,那么Win10系统任务栏如何设置透明?下面装机之家 ...

最新文章

  1. C#和Java的代码转换工具(开源)CSharpJavaMerger Framework
  2. [Java] 关键字final、static使用总结
  3. 用SSDT方法恢复冒险岛的部分函数
  4. 身份证被盗用申请信用卡,造成逾期被催收怎么办?
  5. 两列布局、三列适应布局、两列等高适应布局。
  6. python处理文件名_[请教]python的中文文件名处理
  7. react中类组件this指向
  8. layui tree 加载慢_图片太多,加载慢,我用了layui里的方式,放在服务器后还是太慢!怎么解决???有没有什么优化的技巧???...
  9. (计算机组成原理)第五章中央处理器-第三节1:CPU内部单总线数据通路中数据的流动
  10. 计算两个矩阵相乘(Java)
  11. 1.2 线性回归的keras实现
  12. win10修改服务器IP,Win10系统更改本地连接ip地址的方法
  13. 新著作计划:《水利水电工程施工导流 水力计算与.NET编程》
  14. 软考系统集成项目管理工程师重要知识点
  15. 无头像不社交:浅析“头像设置”功能
  16. jquery读取xml比较js读取xml 比比就知道
  17. 【Flutter 问题系列第 26 篇】给 TextField 添加背景色,为什么没有效果 ?
  18. 苹果电子邮件怎么注册_无需购买 iPhone,可以使用哪些苹果的优质服务?
  19. 大话拒绝服务攻击:DoS、DDoS、LDoS——“直男、舔狗和渣男”
  20. java 设置页面宽度_java – PDFBox设置A5页面大小

热门文章

  1. 分享:游戏新手引导程序框架设计3要点
  2. statistics_level参数的介绍
  3. Windows Mobile和Wince下使用TinyXML进行Native C++的开发
  4. RESTful API接口文档规范小坑
  5. 游戏设计、原型与开发:基于Unity与C#从构思到实现pdf
  6. python3 Django框架报错(备忘录)
  7. ESP8266串口模块的基本使用【转】
  8. 一道数组求连续子集最大值的题目。
  9. ZOJ POJ题目分类
  10. [MSDN]每个开发人员现在应该下载的十种必备工具