首页 > 经验 > 关键词 > 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"会出现的无法平铺,没法定位以及所加超链接的点击区域无法使用等问题!

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

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

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

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

单选择器和单应用类型: 

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

更多选择器多应用类型: 

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

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

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

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

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

IE6下的效果对比如下:
 

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

作者:黄锦诚

文章来源:aqy106.com

  • 相关推荐
  • 大家在看
  • 日本公园现透明厕所:锁门变雾面 30分钟自动恢复成透明

    有了这样的厕所,谁还敢上厕所玩手机?绝佳的防沉迷模式!据国内媒体报道,近日,日本东京,有民众发现在一家公园发现了一间透明厕所,3个坑位都是透明的。等锁门后,厕所会自动变成雾面。

  • 吉利回应侵权运20:非运20 是正版图像版权素材

    今日,针对“侵权运20”一事,吉利发布声明回应称,报道中所指的大飞机形象非“运20" 。为了展现吉利豪越大空间的产品特点,由上海奥岱广告有限公司承接制作了以大飞机形象为装载背景的宣传视频,片中涉及的大飞机素材非“运20”飞机,是通过正规渠道购买的正版图像版权素材,属于正当的版权使用范围。

  • Twitter被黑后CEO首次接受采访:调查要确保透明

    多尔西在采访中表示,在对被黑事件调查中要做到透明凤凰网科技讯 北京时间7月17日消息,当地时间星期四,CEO杰克·多尔西(Jack Dorsey)在公司遭到大规模黑客攻击后首次接受了采访,他在采访中强调,公司对这一事件的调查将恪守一个原则:透明。多尔西在接受Fast Company采访时说,“我们将真正做到透明,例如,我们存在的失误、在调查中的发现。”多尔西在采访中还涉及诸多话题,例如,Twitter如何应对虚假信息、给予用户更多控?

  • 日本研发贴皮肤彩色显示屏 可接收手机传送的图像信息

    日本印刷公司DNP与东京大学日前宣布,双方已合作开发出一款可以贴在皮肤上的彩色显示屏。这款显示屏形状为正方形,边长 8 厘米,屏下配备全彩LED芯片,而该公司 2018 年的类似产品仅显示单色。

  • 微软、谷歌等支持全新图像格式AVIF:压缩效率更高、免授权

    JPEG、PNG这些图片格式即将成为过去式,一种全新图像格式开始获得微软、谷歌等巨头的支持。作为一种新面世的图像格式,AVIF最大的特点就是轻量和免授权。与现有的JPEG、PNG、甚至WebP等图像格

  • 价格透明、现货交付,联想易捷企业购助力企业实现智慧办公

    2020 年的新冠疫情给企业带来了巨大的生存危机,如何在危机中活下去成为了企业面临的首要难题。智慧办公以及数字化转型逐渐成为各行各业的主旋律,部分企业在疫情中不断发展壮大,实现了业务的快速增长。不过,受整体经济环境的影响,企业在智慧办公上的预算并不特别宽裕,如何在降低成本的同时实现智慧办公的目标成为企业今年乃至未来的重中之重。 在变化莫测的市场环境下,当下企业亟需敏捷性与高效能的智慧办公加持,以应对外?

  • 2020网络电影:规则明确、数据透明,行业进入新时期

    在过去的半年时间里,网络电影获得了前所未有的发展机遇。一方面,疫情导致影院停工,网络电影因此而获得了“宅经济红利”;另一方面,多部院线电影转向线上发行,院线电影与网络电影进一步“破壁”,在这双重因素叠加下,网络电影市场迎来新的生命周期。

  • Tiktok透明报告:6个月内删除了超4900万个内容违规视频

    根据Tiktok周四发布的最新透明度报告显示,该公司在 6 个月内就删除了超过 4900 万个内容违规视频。官方表示,在平台上发布的所有视频中,只有不到1%的视频因内容违规而被删除。

  • 国产x86!兆芯全新官网上线 产品更透明

    主频从2.0GHz走到3.0GHz,制造工艺从40nm走到16nm,整体性能从可用走到好用……不知不觉中,作为国产x86处理器的兆芯已经成立7年。7月7月,兆芯官方网站(www.zhaoxin.com)迎来全新

  • 如何借助视频图像精准判断交通拥堵?高德地图启动首届算法挑战赛

    【TechWeb】7月9日消息,今年2月,行为艺术家Simon Weckert用手推车拉着99部手机在柏林的一条大街上来回行走,随着行走时间变长,这条原本空旷的大街在谷歌地图上的路况开始变化,从绿色慢慢变黄,最后变成深红,提示为重度堵车。地图对真实路况的判断如何更精准?这不仅需要更丰富的数据,也依赖更聪明的算法。传统的路况主要依靠驾车用户的轨迹信息生成,但是在一些用户少、驾驶行为异常的道路上,这种方法很难保证路况判断的准

  • 花生日记验货团实地探访大希地透明工厂,严把食品安全关

    作为牛排界的网红品牌,大希地牛排以高性价比著称,公司的相关产品近期更是得到李佳琦、罗永浩、汪涵等带货达人的推荐。大希地牛排亲民的价格一方面让消费者心动,一方面又让他们好奇——高性价比的牛排原材料经不经得起检验?生产管理是否规范?食品安全有没有保障?花生日记验货天团实地探访透明工厂最近,来自头部社交电商平台花生日记的 20 多位验货官组成"验货团",赴上海实地探访大希地牛排的透明工厂。这家日产量达到 20 万

  • 主播带货量透明化!抖音内测“带货榜” 实时显示小店商品销量

    根据抖音商家提供的截图显示,“带货榜”和此前的“小时榜”并列显示,展示抖音以及抖音火山版主播的实时直播带货销量。有抖音玩家认为,此举意味着,如今的抖音已经开始把电商直播和秀场直播放在了同等重要的位置。

  • 滴滴顺风车安全透明度报告:216起安全投诉 45%为虚假投诉

    【TechWeb】7月13日消息,滴滴顺风车对外发布《试运行安全透明度报告》。这是滴滴发布的第五期安全透明度报告,报告涵盖试运行期间平台的安全数据详情、安全运行情况,这也是滴滴顺风车首次对外披露安全情况。据了解,顺风车自去年11月20日恢复试运行以来,已经在全国300个城市重新上线。报告显示,试运行期间,滴滴顺风车进一步提高准入门槛,驳回不符合新认证要求(综合背景审核、失信人筛查、三证验真)的车主317792人,对824?

  • 加速实现透明化,洋钱罐、玖富普惠等多家网贷平台接入央行征信系统

    网贷平台正式接入央行征信的步伐正在加快。进入 7 月,又有玖富普惠、洋钱罐等多家网贷平台宣布接入央行征信系统。中新经纬客户端不完全统计,截至目前,已有 20 余家网贷平台宣布接入央行征信系统。业内人士认为,接入央行征信可以通过增加逃废债成本和惩戒力度,从而提升全社会诚信守法意识。20 余家网贷平台接入央行征信据了解, 2019 年 9 月 2 日,互联网金融风险专项整治工作领导小组、网贷风险专项整治工作领导小组联合发布

  • 滴滴发布顺风车安全透明度报告 驳回不符合认证要求车主 31 万余人

    滴滴顺风车对外发布《试运行安全透明度报告》,首次对外披露顺风车安全情况。报告显示,试运行期间,滴滴顺风车驳回不符合新认证要求(综合背景审核、失信人筛查、三证验真)的车主317792人,对824名名代刷脸及使用作弊工具的用户永久暂停服务。报告称,试运行期间,滴滴顺风车未发生刑事及治安案件,共收到用户关于车内纠纷的安全投诉216起,45%为虚假投诉。查实有效的119起安全投诉中,车主投诉乘?

  • 国内首家律师信用信息查询平台律搜搜上线,破解行业信息不透明难题

    近日,国内首家律师信用信息查询平台律搜搜正式上线,囊括全国各地合计 315527 名律师、 25788 家律师事务所的信息,通过大数据中立、客观的评价律师资质,帮助破解行业信息不透明的难题,解决委托人“如何找靠谱律师”的烦恼。 专业律师难觅,法律求助无从下手 从 1979 年我国恢复律师制度至今,全国律师数量已经从最初的二三百人突破了47. 3 万人,律师服务融入社会的方方面面。尽管律师人数不断增多,但整个律师行业的信息透?

  • Apple Watch Series 6边框更窄 或取消侧边按钮

    面向开发者,今天苹果推出了 iOS 14 Beta 2 测试版更新。在对该系统版本深入挖掘之后,找到了有关于 Apple Watch Series 6 智能手表的相关线索。在测试版中发现了一张疑似 Apple Watch Series 6 的示意图,和目前 Apple Watch 最大的区别在于取消了侧边按钮,而且拥有更窄的边框。

  • 后cookie时代,投放广告为什么还要“联系上下文”?

    缺少上下文联系,容易导致意外状况的产生,无数编剧利用这点制造戏剧冲突。事实上,在广告业,上下文也有着十分重要的作用。前段时间,数字广告科技公司IAS进行了一次调查,结果显示,根据用户浏览的上下文内容定向投放广告的时代已经来临。

  • 微软CEO纳德拉:Xbox Series X秋季发售、史上最盛大主机

    在微软今天发布第四财季财报的同时,CEO纳德拉表示,定于今秋发售的Xbox Series X产品线将是有史以来最盛大的主机。他透露,在内容方面,我们提供差异化的、多样的第一方和第三方内容。在财

  • 微软确认Xbox Series X不再支持:Kinect已相继停产

    今天早些时候,微软确认Xbox One X和Xbox One S全数字版停产,而Xbox One S则会继续生产并在全球销售。给出上述消息的同时,微软还宣布了一个不好的消息,那就是Xbox Series X不再支持Kinect,

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议
  • 热门标签

热文