首页 > 经验 > 关键词  > PNG最新资讯  > 正文

IE6下PNG图像透明解决方案

2012-08-08 10:18 · 稿源:aqy106.com

IE真的是一个蛋疼的东西,虽然很不想用IE的浏览器了,但很多时候,工作中还不得不对其进行兼容。其中PNG的半透明在IE6中就是一个很麻烦的需要兼容的事情。笔者收集和整理了以下的一些方法来进行处理PNG在IE6中的半透明。具体请往下看。

一、CSS 滤镜(两种方法)

一般能用CSS处理的就尽量不要用JS了,个中的原因,你懂的……
本人整理了一下使用滤镜的方法处理IE6下的PNG半透明,但该方法也有局限性,不能使用背景定位,也就是不能使用CSS Script,具体可以看DEMO,点击进行查看

二、DD_belatedPNG

DD_belatedPNG完美地解决了"iepngfix.htc"会出现的无法平铺,没法定位以及所加超链接的点击区域无法使用等问题!

详细文档见https://dillerdesign.com/experiment/DD_belatedPNG/。这里就不提供翻译了,哪位大大有时间有精力就来个翻译文档吧。08年末这东西刚出来的时候国内就有人发过这个方法,但不知道为什么,没引起什么"效应",很多人还是在用上面说的"更具局限性"的方法。

使用方法很简单,首先下载调用JS,然后在使用PNG的页面中引用代码,由于是针对IE6处理的,所以在外围加上IE6的条件注释,以便区别于其他浏览器。完整的代码如下:

  1. <!--[ifIE6]>
  2. <scripttype="text/javascript"src="下载下来的JS路径"></script>
  3. <script type="text/javascript">
  4. DD_belatedPNG.fix('CSS选择器, 应用类型');
  5. </script>
  6. <![endif]-->

引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG图片透明的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)支持多个选择器的使用,支持hove的事件,和CSS的写法是一样的,最后两个是写应用的类型就可以了,最后完整的应用代码如下(注意必须是在全英文的状态下输入,很多人老是问我是什么原因不起作用,其实是因为输入了中文的标点):

单选择器和单应用类型:

  1. DD_belatedPNG.fix('#box-one,img')
  2. DD_belatedPNG.fix('.header, background')

更多选择器多应用类型:

  1. DD_belatedPNG.fix('#box-one, .header,#footer,.box-two a:hover, img,background');

另外,为解决IE6下背景图闪烁,可以定义下html的CSS

html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}

注:要注意上面选择器的标点要在英文的状态下,不然是没有效果的!具体使用可以看DEMO,点击进行查看

DD_belatedPNG下载(内含压缩版和没压缩的版本): 点击进行下载

IE6下的效果对比如下:

我相信,还有更好的兼容方式,希望大家在有更好的方法的时候,可与我一同分享,感谢你的阅读!

作者:黄锦诚

文章来源:aqy106.com

举报

  • 相关推荐
  • 高新投三江交通枢纽消防解决方案,守护城市“大动脉”

    文章探讨了地铁隧道、高铁站点、机场等交通枢纽的消防安全挑战。这些密闭空间机电设备密集、人员疏散困难,火灾风险极高。解决方案需具备三大优势:1)多维度探测技术,实现早期精准预警;2)高防护性能,抗电磁干扰、耐腐蚀;3)云端整合的智慧消防平台,联动通风排烟、应急疏散等系统。典型案例包括深圳宝安机场、广州白云站等,通过智能感知、可靠防护和高效联动,构建立体化安全屏障。未来将持续深耕消防技术前沿,为现代化综合交通运输体系提供坚实安全保障。

  • 三星推出面向未来的移动安全解决方案,赋能个性化AI体验

    三星推出Knox增强加密保护(KEEP)和抗量子加密Wi-Fi等多项安全创新功能,为新一代Galaxy设备提供更强大的隐私保护。KEEP通过独立加密存储空间隔离应用数据,结合Knox Vault硬件级防护,确保AI功能数据安全。安全Wi-Fi引入抗量子加密技术,抵御未来网络威胁,并在公共网络自动激活防护。这些升级将隐私保护从可选功能提升为系统级设计原则,通过多层防护机制为用户数据安全提供可靠保障。

  • 儿童排痰难题解决方案:易坦静与科学饮水

    文章讨论了儿童呼吸道感染时痰液滞留的危害及应对措施。主要内容包括:1)痰液滞留会加重咳嗽、喘息症状,阻碍康复,甚至延长病程;2)儿童因生理特点难以有效排痰;3)介绍了氨溴特罗口服溶液作为常用祛痰药的作用机制,能稀释痰液、促进排出;4)强调日常护理中少量多次饮水的重要性;5)提醒家长若症状持续或加重应及时就医。全文着重阐述了有效排痰对治疗儿童呼吸道感染的关键作用。

  • 微云全息(NASDAQ: HOLO)推出创新区块链重建解决方案, 通过可验证秘密共享技术保障交易安全

    微云全息(HOLO)推出创新区块链重建方案,采用可验证秘密共享(VSS)技术解决许可区块链的安全隐患。该方案通过数据加密存储、改进共识机制和智能合约集成,确保在节点受损时仍能保持区块链完整性。VSS技术将密钥信息分散存储,需足够数量节点联合才能重建,防止单点故障。方案还设计了隐私保护机制,即使在不诚实重建情况下也能保护用户私钥。这一技术能快速响应攻击,允许用户独立重建,增强系统稳定性和用户信任,为加密市场带来更高安全性和稳定性。

  • 成本低、耗时少,华为鸿蒙智家后装解决方案破解老房改造难题

    2025年6月20-22日,华为开发者大会2025在东莞松山湖举行。会上华为终端BG董事长余承东宣布鸿蒙智能硬件生态品牌升级为"鸿蒙智选",已有25+生态伙伴加入。华为推出后装智能家居改造方案,最快24小时完成改造,无需破墙布线,支持混合组网稳定可靠。方案针对2.7亿套20年以上旧房改造需求,提供AI康养等场景化解决方案。鸿蒙智联生态已有2900+品牌伙伴,7800+款设备。华为还展示了新一代主动健康空气方案和空间智能化平台,推动行业创新。6月20-30日将举办"鸿蒙智选品牌周"促销活动。

  • AI 图像神器 Luminar Neo 中国官网上线!正版授权价仅 399 元起

    AI图像编辑软件Luminar Neo正式登陆中国市场,由思杰马克丁作为官方授权经销商。该软件整合前沿AI技术,提供六大核心功能:智能换天、人像精修、智能结构优化、无损图层编辑、硬件加速和动态创意模板,显著提升专业摄影师和设计师的工作效率。中国用户现可通过官网以399元优惠价购买正版授权,比国际官网价格直降384元。软件提供完整本地化支持,包括中文指南和视频教程,并承诺持续更新和技术支持服务。Luminar Neo特别适合需要高效处理视觉内容的专业人士,将复杂编辑流程简化为几分钟操作,释放创意潜能。

  • 车主脑洞大开贴透明车衣养鱼 不少网友表示担忧

    近日,辽宁一位车主的独特创意在网络上引发了广泛关注和热议。这位车主脑洞大开,将轿车引擎盖改造为“移动鱼缸”,通过粘贴透明车衣并注入清水,让数条观赏鱼在行驶中随车“兜风”,这一别出心裁的改装迅速成为社交平台上的热议话题。 据目击者描述,这辆经过特殊改装的轿车行驶在路上时,引擎盖上的透明车衣内数条观赏鱼悠然自得,仿佛真的在享受一场别开生

  • 中公教育&天猫图书联名打造准化备考方案 重塑行业服务范式

    6月27日,中公教育与天猫图书联合推出公务员考试和教师资格考试定制化备考套装。活动期间(6月27日-7月31日)享10%直降优惠及专属赠品,产品覆盖教材、课程、服务全链条。重点产品包括:2025新版教资笔试套装(含7-8册图书+200+课时课程)、2026国考《行测必做5000题》新增1250道真题、四维架构国考书课全程班(378课时+60节时政直播课)。双方通过"产品定制+服务整合"模式,构建标准化备考体系,推动职业教育从价格优惠向服务升级转型。

  • HDC2025丨华为HMS for Car MAAN 4.0智能车载解决方案正式发布

    华为在HDC2025开发者大会上发布HMS for Car MAAN4.0智能车载解决方案,通过地图服务、AI语音、应用生态及车联网四大核心能力升级,助力中国车企提升全球化智能座舱竞争力。该方案整合全球150余家运营商资源,实现eSIM统一管理及流量成本优化30%,已获长城、长安、阿维塔等车企采用。其中花瓣地图实现车道级导航等创新功能,AI语音支持80+国家13种语言,Ark-Web技术提升应用体验。华为表示将持续迭代方案,携手伙伴重塑全球智能出行体验。

  • 车主脑洞大开贴透明车衣养鱼 网友担忧变“水煮鱼”

    近日,辽宁一位车主的创意改装引发网络热议——其将轿车引擎盖改造为“移动鱼缸”,通过粘贴透明车衣并注入清水,让数条观赏鱼在行驶中随车“兜风”。这一打破常规的操作被路人拍摄上传后,迅速登上社交平台热搜榜,网友戏称“鱼这辈子没想过能坐轿车”。