惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
G
Google Developers Blog
L
LangChain Blog
Y
Y Combinator Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
大猫的无限游戏
大猫的无限游戏
博客园 - Franky
V
Visual Studio Blog
小众软件
小众软件
月光博客
月光博客
A
About on SuperTechFans
H
Hackread – Cybersecurity News, Data Breaches, AI and More
T
The Blog of Author Tim Ferriss
有赞技术团队
有赞技术团队
M
MIT News - Artificial intelligence
阮一峰的网络日志
阮一峰的网络日志
Last Week in AI
Last Week in AI
博客园 - 【当耐特】
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
MongoDB | Blog
MongoDB | Blog
Jina AI
Jina AI
美团技术团队
量子位

博客园 - 七玄门

千万级通用的分页存储过程3 设置google搜索框默认文本 jQuery 表格插件 不再限于页面脚本 JavaScript挺入服务器端开发语言序列 实用的 JavaScript 测试及效验工具 那些相见恨晚的 JavaScript 技巧 一个简单功能的google地图 无法在Web服务器上启动调试。与Web服务器通信时出现身份验证错误 url重写—适用html为伪静态后真实的html无法访问的解决方法 - 七玄门 - 博客园 禁用浏览器缓存 - 七玄门 - 博客园 google搜索框添加关键字 千万数量级分页存储过程2(可支持多表查询,任意排序) 千万数量级分页存储过程1 js实现tab原理 http返回网页状态码查询 IIS 实现资源永久重定向(301)的常见参数 验证码生成示例 利用JavaScript更改input中radio和checkbox样式 翻页用户控件-1 - 七玄门 - 博客园
利用JS解决IE6PNG不透明
七玄门 · 2010-01-07 · via 博客园 - 七玄门

最近在网上搜了一些解决IE6浏览器下PNG图片前景背景不透明的办法,目前解决办法分为两种:

1、利用js插件使用微软的VML语言进行绘制,方法简便,直接在<head>下引用如下代码即可

<!--[if lt IE 7]>
<script src="DD_belatedPNG_0.0.8a.js"></script>
<script>
  DD_belatedPNG.fix('*');
</script>
<![endif]-->

最新js插件下载地址(压缩包里也有):http://www.dillerdesign.com/experiment/DD_belatedPNG/

提醒:注意版本号和引用路径。

2、利用IE的滤镜filter和JS解决,借鉴了网上一些代码加上自己的想法,做了一个JS文件直接引用即可:

<script type="text/javascript" src="ie6png.js"></script>

---------------------------------------------------------------------------------------------

比较一下压缩包里两个文件:png透明测试.html(第1种方法)和png透明测试2.html(第2种方法)

你会发现ie6下第1种方法在背景和前景层叠实现时有些和主流浏览器不一样,比如:firefox、IE8、Opera

前景透明和点击事件在实际项目中可能会产生BUG。

第2种方法看起来什么异常都没有,但如果你把img2的高宽放大后会发现IE6下被裁切了超出背景高宽的部分

这个问题以上两种方法都还没有能够解决,如果您能找到解决办法,希望您能留言交流。

---------------------------------------------------------------------------------------------

下载包:https://files.cnblogs.com/tq0855n/IE6png透明.zip