解决IE6透明显示PNG的办法

解决IE6PNG透明问题的JavaScript库 本文还有配套的精品资源,点击获取 简介:在旧版IE6浏览器中,PNG图像格式的Alpha通道透明度无法被正确显示,导致透明效果出现问题。为了解决这一问题,开发者们提出多种JavaScript库和技术方案,包括Alpha Image Loader滤镜、DD_belatedPNG库、CSS精灵技术、JavaScript透明修复库等。这些技术使IE6能够模拟或修复PNG图像的透明... 阅读详情

本解决方法满足IE和FF间的兼容问题。

完全使用CSS控制,减少js的代码干扰。

 

<div style="float:left;width:181px;height:40px;background-color:transparent;background-image:url('c3.png')!important;background-image:none;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='c3.png');"></div>

 

使用一个DIV来显示当前的PNG图片。红字部分是必须的代码。宽和高根据具体使用的图片进行相应设置。

此代码原理为:

      在IE中,理解为background-image为空,使得DIV用filter显示PNG。

      在FF中,理解为backgound-image为要显示的图片,忽略filter部分的代码内容。

写图片地址时,注意路径的问题。

 

 

解决IE6中PNG透明度显示问题的终极方法 PNG(可移植网络图形)是一种无损数据压缩的位图图形格式,它在1996年由PNG发展小组推出,旨在替代GIF和TIFF格式。在这一章节,我们将深入了解PNG的发展历程以及它所拥有的显著优势,并与GIF和JPEG这两种常见的图像格式进行对比。IE6的PNG兼容性问题曾是前端开发者的一大挑战,这一问题主要表现为透明PNG图像在IE6浏览器中显示出黑边或者被错误渲染。由于IE6在发布时并未支持alpha透明度通道,使得开发者不得不采取各种技巧来解决这一问题。 阅读详情

相关推荐

Cadence OrCAD常见引脚错误排查指南:从原理图到封装的完整解决方案

本文详细解析Cadence OrCAD设计中常见的引脚错误问题,提供从原理图到封装的系统化解决方案。涵盖错误诊断、元件库修复、封装管理及自动化处理技巧,帮助工程师高效解决ORCAP-36022等典型错误,确保设计流程顺畅。

weixin_29294975的博客 255

让IE6显示透明PNG背景图片

核心代码CSS:{filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )}属性:enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | falsetrue : 默认值。滤镜激活。

星星的故事 1391

SAP生产订单成本‘还原’实战:从标准成本到实际费用,一步步拆解差异来源(附物料分类账提示)

本文深入解析SAP生产订单成本差异分析的全过程,从标准成本到实际费用的追踪方法,揭示差异根源的六维分析法。特别强调物料分类账(CKMLCP)在成本还原中的关键作用,帮助财务人员精准定位价格差异、用量差异等问题,提升制造业成本管理的效率和准确性。

weixin_28705087的博客 532

PNG图片存储的方法和技巧

PNG的格式和透明度 这个Fireworks会比较清楚,打开Fireworkd优化面板,可以清楚看到png有3种不同深度的格式:png8、png24、png32。 其中,在优化面板选择png8,可发现png8包括不透明、索引色透明、alpha透明3种格式。 PNG8 8位的png最多支持256(2的8次方)种颜色,8位的png其实8支持不透明、索引透明、alph

向java进军 5305

【CQUT】从零开始龙芯杯-开始前的准备

不同级别的Cpu对于vivado综合的时间有较大影响,其中Cpu的单核、多核性能以及cache性能影响权重较高。因此,为了保证学习进度和效率,我们建议在Cpu不低于I5 12400的环境下进行学习。Vivado2023.2安装包约100GB,为了保证成功安装建议留出300GB硬盘空间。龙芯杯的许多资料被托管在gitee,你需要git指令将资料克隆到本地。指定用书:CPU设计实战 Loongarch版 作者:汪文祥、邢金璋。Cpu性能对比网站:https://www.cpu114.com/

weixin_73689971的博客 906

先楫HPM6E00EVK EtherCAT从站配置与CIA402 8轴运动控制实战解析

本文详细解析了先楫HPM6E00EVK开发板的EtherCAT从站配置与CIA402 8轴运动控制实战。从环境准备、XML文件配置、代码移植到TwinCAT工程设置,提供了完整的移植指南,帮助开发者实现高效的多轴同步运动控制。

o5p6q的博客 415

ie6下使网页png图片不透明显示解决办法

png图片有很好的品质。阴影效果也不会有杂边,很流畅。如果插入网页的话可以给网站内容增色不少!更重要的是在不增加图片容量大小的情况下提高了页面的图片的质量。对于有复杂背景,如:在有颜色过度背景上插入不规则边框的图片带来极大很便利!   但目前IE中对于插入的透明背景的.png的图片是不能正常显示的。IE会自动给".png"格式的图片加个灰色背景。   解决这个的方法是增加javascript。

小麦先生 1676

实验吧 损坏的U盘镜像

        从网站上可以下载一个CTF.hdd的文件,使用winHex打开,可以知道这是一个exFAT格式的文件。        用binwalk检查一下,发现文件中包含两个zip文件,使用foremost进行提取。一个压缩包需要密码解压缩,另一个解压后发现Password.txt文件。说明另一个压缩包的密码与checksum有关。        通过查看exFAT文件系统格式可以得知如何计算...

xingyyn78的博客 3512

png透明图片在ie6正常显示的纯css解决办法

很久没写CSS了,遇到一个png透明logo折腾了我很久,也怪以前的页面直接不考虑透明的问题。在网上找到几种办法,有用css实现的,有些是用js实现,用js感觉大材小用了,能用纯css解决就css吧,这里感谢蓝莓公主的帮助。以下的两种方法都是尝试过可行的,不过在我的虚拟机下的ie6图片完全透明了,不知道是不是我虚拟机的问题。先将图片存为 PNG-24 透明格式。(图片要绝对路...

weixin_34396902的博客 112

AI赋能软件测试:从冒烟测试到全流程智能化的效率革命

软件测试是确保软件质量的关键环节,其核心原理是通过预设用例验证系统功能是否符合预期。传统测试方法依赖人工编写和维护脚本,面临维护成本高、适应性差等挑战。随着人工智能技术的发展,特别是自然语言处理和计算机视觉的成熟,AI为测试领域带来了新的技术价值。通过让AI理解应用界面和业务逻辑,可以实现测试用例的智能生成、自主执行和结果分析,显著提升测试效率和覆盖率。在实际应用场景中,AI驱动的冒烟测试能够动态适应UI变化,自动分析失败日志,将测试人员从重复劳动中解放出来,专注于更复杂的质量策略设计。本文基于AI在冒烟测

weixin_28841265的博客 306

LeRobot 官方论文:一个用于端到端机器人学习的开源库

本文介绍了一个名为LeRobot的开源库,旨在解决机器人学习领域的碎片化问题。该库提供了端到端的技术栈,包括统一的机器人中间件API、标准化的数据集格式(LeRobotDataset)、优化的推理栈以及多种最先进机器人学习算法的实现。LeRobot支持多种低成本开源机器人平台(如SO-10X、ALOHA-2等),通过共享中间件实现便捷的遥操作和数据收集。其数据集格式已广泛应用于社区,截至2025年9月已有16,000多个数据集公开共享。该库还支持流式处理大规模数据,降低了研究门槛。在模型方面,LeRobot

2506_90492529的博客 905

html引入png不显示透明北京,完美解决透明png图片及透明png背景,兼容所有浏览器...

*将以下代码保存为png.js*/function correctPNG(){for(var i=0; ii++){var img = document.images[i]var imgName = img.src.toUpperCase()if (imgName.substring(imgName.length-3, imgName.length) =="PNG"){var imgID = (...

weixin_33883104的博客 4344

【路径规划】Theta_star算法机器人栅格地图最短路径规划【含Matlab源码 2618期】

Theta_star算法机器人栅格地图最短路径规划 完整的代码,方可运行;可提供运行操作视频!适合小白!

订阅付费专栏Matlab(奶茶价版),可赠送奶茶价版付费专栏指定代码1份; 362

IE6下PNG背景透明的显示问题

转自 PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”

fengwu1990的专栏 1612

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

IE6下PNG背景透明的七种方法

PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,...

weixin_30412577的博客 67

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

你不知的IE的bug及其解决方案

E令人咬牙切齿的bug不胜枚举,其中IE6更是臭名昭著,令人发指。这里总结出IE下最为严重的5个bug,及其应对方案。 1、IE6下无法显示png格式的透明信息 这个bug是众多网页设计师的噩梦,虽然可以采用gif代替,但是gif的表现力实在有限,单是阴影就无法完美显示了,这无疑给网页的表现力下了一个档次。 解决方案: img{ filter:progid:DXImage...

weixin_33698823的博客 83

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

ie6 网页背景html,解决ie6的浏览器css兼容问题

ie6上css碰到的坑前两天在给一个项目做东西的时候,碰到一个有意思的项目,是需要兼容ie6,有一些碰到并且解决的问题,给大家写下来,方便大家以后碰到类似的问题哈~能帮到你的话,点个赞呗?1.important支持的不够好1.1为什么说不够好?important某些情况下不能决定最终的样式属性。1.2代码!代码!!我们通过对颜色的控制说明这一切~div {width: 100px;height: ...

weixin_39997400的博客 240

使IE6支持png透明图片

众所周知,IE6对png的兼容做得不好,对于透明图片会出现一层灰底,见下图, 但IE7及其以上版本已经解决了这个问题。 网上有不少的解决办法,但很多使用起来都非常的复杂。最后发现一个iepngfix插件非常好用。 使用方法: 1.在http://www.twinhelix.com/css/iepngfix/下...

weixin_30808575的博客 89

png透明问题解决方法(png图片ie6不兼容问题)

<br />在web前端开发中,经常会遇到需要用背景或图片透明的问题。<br /><br /> 首先,目前我们所面临的情况是:<br /> 1.在ie7+,firefox,safari,opera这些常用浏览器中,直接使用透明png是没有问题的,但在ie6下却不能透明。<br /><br /> 2.ie6目前的时常份额仍然很大,我们必须考虑兼容ie6的问题。<br /><br /> png背景透明解决办法<br /> .pngbackground{<br /> background:url(yo

nb_pdd的专栏 9529

IE6下PNG图片背景透明的处理方法

<br />E6下PNG背景透明的显示问题 <br />PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。<br />IE6下PNG背景透明的解决办法<br />一.gif替换png<br />.pngImg { background:url(image.png); _background:url(image.gif);}<br />注意上文的_号,目前IE7,8以及Fi

wjbaiverson的专栏 5499

ie6下background png 透明问题

PNG 图片在网站设计中是不可或缺的部分,最大的特点应该在于 PNG 可以无损压缩,而且还可以设置透明,对于增强网站的图片色彩效果有重要的作用。 但为什么 PNG 图片却没有 GIF 和 JPG 图片的使用来得广泛呢,这个祸因应归属于微软的 IE 浏览器(Firefox 和 Opera 对 PNG 支持的比较好,而现在浏览器的主流IE6 却无法很好的支持)。不过微软在最近也开始改过自新了,新

扈亚楠(Java) 2241

解决IE6中PNG透明显示灰底的8种方法

方案一 - 滤镜解决方案 介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试! 思路:1、书写正常的CSS代码,通过background导入图片,这样所有的浏览器均使用了此PNG图片; background:url(....

happyqyt的专栏 654

png在IE6下的解决办法

曾经在《关于ie中用png图片做背景的众多问题的解决》文章里讲过用滤镜来解决背景透明的问题,但没有解决循环和定位。正常情况下,ie6不支持png图片做背景,一是不透明,二是不能定位,三是不能循环。今天群里的月下同志的文章参考下我终于解决了这个问题。 1、下载iepngfix.zip, 点击下载此文件   其中有三个文件:iepngfix.htc、iepngfix_tilebg.js、blank.gif,将这几个文件解压出来放到所需要使用png做为CSS背景的网站的根目录下。 2.、加入behavior

37度2 1261

IE6 PNG透明终极解决方案

方案1 - 滤镜解决方案: 介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试! 目录说明: 思路:         1、书写正常的CSS代码,通过background导入图片,这

aftermeet的专栏 1533

IE6下显示透明的PNG图片

<br />      PNG图片的质量很好,用于网页制作可为整体效果增色不少。但是,在IE6中透明的png图片不能透明显示,如要透明显示可使用如下两种方法。我已试过,真的蛮好用的!<br /> <br />       第一种方法:把下面的javascript代码加入网页的<head>与</head>之间,这样网页中所有透明背景的png图片都可以正常显示:<br />  <br /><script language="javascript"> <br />       function correct

wangjubi的舞台 586

ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也...

u011927449的博客 196
上一篇: 关于页面在浏览器端多个问题的处理(javascript)
下一篇: input 标签(file类型)在IE和FF里的兼容问题
mystudy2000
博客等级 码龄20年 34粉丝 50原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值