千家信息网

请输入关键字词

热门搜索排行

最新搜索排行

导航： 首页 > 开发技术 >

HTML怎么实现PNG图片在IE6中背景不透明

发表于：2026-10-31 作者：千家信息网编辑
千家信息网最后更新 2026年10月31日，本篇内容主要讲解"HTML怎么实现PNG图片在IE6中背景不透明"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"HTML怎么实现PNG图片在IE6中背景不透
千家信息网最后更新 2026年10月31日HTML怎么实现PNG图片在IE6中背景不透明

本篇内容主要讲解"HTML怎么实现PNG图片在IE6中背景不透明"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"HTML怎么实现PNG图片在IE6中背景不透明"吧!

1、解决PNG图片在IE6中背景不透明的CSS与JS代码

JS代码

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var j=0; j{
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\">"
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
window.attachEvent("onload", correctPNG);


CSS代码：

#id{background:url(图片路径) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="图片路径");_background:none;}


2、解决png图片在html中IMG标签使用PNG图片IE6中背景不透明方法

1、新建一个JS文件为iepngfx.js,进以上JS代码拷贝到JS文件里
2、在HTML中声明只有IE6读取此新建JS文件iepngfx.js中
只允许IE6读取此JS文件方法：

3、在html中使用图片标签IMG运用PNG图片，在IE6试试看PNG图片背景是否透明了。

3、在CSS中png作为网页背景时在IE6中背景透明方法

同样方法
1、新建JS文件同上，命名为iepngfx.js,进以上JS代码拷贝到JS文件里
2、在HTML中声明只有IE6读取此新建JS文件iepngfx.js中
只允许IE6读取此JS文件方法：

3、在CSS中运用PNG图片作为背景的地方加入以下CSS代码：

#id{background:url(图片路径) ;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="图片路径");_background:none;}

这样即可解决PNG图片在HTML中img作为图片图标背景不能透明或PNG图片作为网页背景background运用的一样实现PNG图片背景透明。

到此，相信大家对"HTML怎么实现PNG图片在IE6中背景不透明"有了更深的了解，不妨来实际操作一番吧！这里是网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

很赞哦！
图片 背景 文件 代码 方法 路径 内容 只有 拷贝 标签 网页 学习 实用 更深 兴趣 图标 地方 实用性 实际 操作简单 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网佳科技有限公司 科技赋能下的互联网金融 互联网未来科技 华中科技大学互联网 上海喔噻互联网科技 智慧科技互联网 善班互联网科技有限公司 互联网高科技股票 新华互联网科技校企合作 互联网还是高科技吗 辽宁互联网新科技 洛阳共同富裕互联网科技有限公司 工业互联网山东科技大学 合肥互联网科技公司公章图片 江苏苏星互联网科技有限公司 互联网科技实习生岗位 广州百诚互联网科技有限公司官网 互联网科技机房 河南商务圈互联网科技有限公司 网互联网络科技 互联网金融科技 广州紫鲸互联网科技有限公司 互联网为科技 关于新基建和互联网科技 互联网与未来科技 万达互联网科技 互联网养老 桔豆科技 互联网科技与管理 小米互联网科技园入驻 上海互联网科技园景观

相关文章

0