IE6.0下使用PNG的JS(让PNG透明)

最新推荐文章于 2025-01-09 09:54:23 发布
转载 最新推荐文章于 2025-01-09 09:54:23 发布 · 320 阅读 · 0

本文提供了一种在IE6浏览器中实现PNG图片透明效果的方法。通过JavaScript脚本，该方案可以确保PNG图片在IE6中正确显示而不失真。具体实现方式包括检测IE版本、替换图片元素等。



本文转自:http://lcgcg.blog.163.com/blog/static/8271841920086101057963/

IE6.0下使用PNG的JS

div+css 2008-07-10 13:00:57 阅读400 评论0字号：大中小

程序代码

var arVersion = navigator.appVersion.split("MSIE")

var version = parseFloat(arVersion[1])

function fixPNG(myImage)

{

    if ((version >= 5.5) && (version < 7) && (document.body.filters))

    {

       var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""

    var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""

    var imgTitle = (myImage.title) ?

               "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "

    var imgStyle = "display:inline-block;" + myImage.style.cssText

    var strNewHTML = "<span " + imgID + imgClass + imgTitle

                  + " style=\"" + "width:" + myImage.width

                  + "px; height:" + myImage.height

                  + "px;" + imgStyle + ";"

                  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"

                  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"

    myImage.outerHTML = strNewHTML  

    }

}

使用方法 :

在模板的<HEAD> 段里加上

<script language="JavaScript" type="text/javascript" src="pngfix.js"></script>

[注意你的路径]

在要透明的png 的地方格式为:

<img src="xyz.png" alt="foo" width="10" height="20" onload="fixPNG(this)">

注意, 你的图片的高与宽是不能去掉的! 就是多了 onload="fixpng(this)" 而已.

 

pngjs:简单的PNG编码器
04-28
pngjs 适用于Node.js的简单PNG编码器/解码器，没有任何依赖关系。 基于具有以下增强功能的原始 。 支持读取1,2,4和16位文件 支持读取隔行文件 支持读取tTRNS透明颜色 支持写入颜色类型0（灰度），颜色类型2（RGB），颜色类型4（灰度alpha）和颜色类型6（RGBA） 同步界面和异步 与pngjs和node-pngjs兼容的API 已知缺乏以下方面的支持： 扩展的PNG，例如动画 使用颜色类型3（索引颜色）书写 目录 比较表 名称 分叉来自 同步 异步的 16位 1/2/4位 交错 伽玛 编码 经过测试 pngjs 是的 是的 是的 是的 是的 是的 是的 是的 节点png pngjs 不 是的 不 不 不 隐 是的 手动的 png编码器 pngjs 不 是的 是的 不 不 隐 是的 手动的 pngparse 不 是的 不 是的 不 不 不
png.js:JavaScript中的（动画）PNG解码器，用于HTML5 canvas元素和Node.js
03-05
png.js JS中用于canvas元素或Node.js的PNG解码器。 浏览器使用情况 只需在HTML页面上包含png.js和zlib.js，创建canvas元素，然后调用PNG.load即可加载图像。 <canvas></canvas> [removed][removed] [removed][removed] [removed] var canvas = document.getElementsByTagName('canvas')[0]; PNG.load('some.png', canvas); [removed] 浏览器版本的源代码位于png.js并且还支持加载和显示动画PNG。 Node.js的用法 使用npm安装模块 sudo npm install png-js 需要模块并解码PNG var PNG =
pngjs:纯JavaScript PNG解码器
05-11
PNG.js PNG.js是完全用JavaScript编写的PNG解码器。 它可以在Node.js和（现代）浏览器中使用。 用法 var PNGReader = require ( 'png.js' ) ; var reader = new PNGReader ( bytes ) ; reader . parse ( function ( err , png ) { if ( err ) throw err ; console . log ( png ) ; } ) ; 或带有选项： reader . parse ( { data : false } , function ( err , png ) { if ( err ) throw err ; console . log ( png ) ; } ) ; 当前唯一的选择是： data （ boolean ）-应该读取
ie6png透明
恭喜姐姐
11-08 185
var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) function fixPNG(myImage) {     if ((version &gt;= 5.5) &amp;&amp; (version &lt; 7) &amp;&amp; (document.bo...
PNG.js: 轻量级的PNG图像处理库
gitblog_00008的博客
03-15 1627
PNG.js: 轻量级的PNG图像处理库 PNG.js 是一个轻量级的 JavaScript 库，用于读取、解析和修改 PNG 图像数据。它为开发者提供了一种简单易用的方式来操作 PNG 图片，并且可以在浏览器环境或 Node.js 中运行。 项目简介 PNG.js 提供了以下主要功能： 读取和解析 PNG 文件的数据流。 修改图像的颜色、透明度等属性。 支持将修改后的图像保存回 PNG 格式。...
解决IE 6.0下PNG图片透明性兼容问题
- 除了使用JavaScript库（如iepngfix）解决PNG透明度问题，还存在其他几种方法，例如使用AlphaImageLoader滤镜或者Vml（Vector Markup Language）等技术。 - 这些方法都是在IE 6浏览器环境下作为一种补丁或兼容性...
解决IE6.0下png背景透明及连接不能点击
05-07
总结来说，要解决IE6.0下的PNG背景透明和链接点击问题，开发者需要借助特定的JavaScript库（如`ie6-png.js`）和CSS技巧（如`behavior: url(ie6-png.htc)`和`z-index`）。虽然现代浏览器已经不再需要这些技巧，但理解...
解决IE6下PNG图片透明度问题的终极方案
有一些JavaScript库专门用于解决IE6下的PNG透明度问题，如DD_belatedPNG。这些库通过JavaScript来模拟PNG图片的透明效果，使得即使在IE6浏览器中也能正确显示透明PNG图片。 3. **透明的GIF图像覆盖**： 另一种...
jquery处理IE6.0中png图片不透明问题+例子(supersleight)
07-14
在早期的Internet Explorer 6.0（简称IE6）浏览器中，PNG-24格式的图片存在一个众所周知的问题，即不支持Alpha透明度，导致图片显示为全黑或半透明，这给网页设计带来了很大的困扰。jQuery库提供了一个插件——...
使用Multiple-IE进行IE 5.5和IE 6.0的网络测试
IE 6.0缺乏对许多现代Web标准的支持，如CSS2、JavaScript 1.5、PNG图像格式透明度等，导致开发者需要额外的兼容性工作。它的存在给Web开发人员带来了诸多挑战，尤其是在2000年代初期。 4. 使用Multiple-IE的优势 ...
超好用的IE6png透明JS
03-03
超好用的IE6png透明JS, 截取前端人员永远的痛处！
png-js:使用纯JavaScript的PNG格式实现（RFC 2083）
05-09
用于PNG图像文件的纯JS生成器 使用纯JavaScript生成PNG文件。 用于衡量一天中浏览器的性能。 在此处现场观看： ： 或这里： : 包含很多很酷的东西，例如： JS中的实施 JS中的实现 JS中的实现 PNG 实现，当然是在JS中 由Stepan Legachev（ ）于2008年创建，目的是为了娱乐。
IE6支持PNG.js
02-19
IE6支持PNG
javascript解决png图片的jquery插件
07-30
这是一款解决ie6png图片和背景图片都透明的插件。很好用。
【亲测免费】 PNG.js —— 纯JavaScript实现的PNG解码器
最新发布
gitblog_01022的博客
01-09 431
PNG.js —— 纯JavaScript实现的PNG解码器 PNG.js是一个完全用JavaScript编写的PNG解码器，它可以在Node.js环境以及现代浏览器中运行。该项目主要使用JavaScript语言。 核心功能 PNG.js的核心功能是解析PNG图片文件，并提供丰富的接口来访问图片的元数据和像素数据。以下是它的一些主要功能： 解析PNG文件并获取图片宽度、高度等基本信息。 读取并返...
解决IE6 的 PNG透明 JS插件
chenmoquan的专栏
04-17 7261
DD_belatedPNG 使用方法： DD_belatedPNG.fix('.tel,.head_content'); 括号里的是样式选择器，中间用逗号隔开 JS文件下载地址： dd_png.js (未压缩版) dd_png-min.js (压缩版)
解决ie6下png透明方法之JS法
acongshijia的专栏
03-22 1390
解决ie6下png透明的问题想必前端都比较清楚，虽然有很多方法，但是我觉得用JS还是最省事的方法，不管是图片还是背景图片都OK。 IE6是我们不得不面对的问题，当然也是我们不得不解决的问题。。。贴代码，使用方法 解决ie6下png透明方法之JS法- .a{background: #FFFF99 ; background-image: url(bg.jpg); height:
png兼容IE6
ikscher的专栏
01-17 1019
EvPNG.fix('div, img'); 以下iepng.js代码： eval(function(p,a,c,k,e,r){e=function(c){return(c35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k
分享JS实现IE6 PNG完全透明（包括背景图片）
weixin_34405925的博客
02-19 209
http://www.dillerdesign.com/experiment/DD_belatedPNG/ Here is an example: <!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script> /* EXAMPLE */ DD_belatedPNG....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值