千家信息网

请输入关键字词

热门搜索排行

最新搜索排行

导航： 首页 > 开发技术 >

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

发表于：2026-11-01 作者：千家信息网编辑
千家信息网最后更新 2026年11月01日，今天小编给大家分享一下如何解决PNG图片在IE6中背景不透明的CSS与JS代码的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文
千家信息网最后更新 2026年11月01日如何解决PNG图片在IE6中背景不透明的CSS与JS代码

今天小编给大家分享一下如何解决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="图片门路");_bac公斤round:none;}

以上就是"如何解决PNG图片在IE6中背景不透明的CSS与JS代码"这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注行业资讯频道。

很赞哦！
代码 图片 知识 篇文章 背景 内容 不同 很大 大部分 就是 更多 知识点 行业 资讯 资讯频道 路径 逻辑 门路 面的 频道 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网科技财经 互联网为科技 重庆互联网络科技 科技互联网技术 互联网医疗科技 唐信互联网科技 友谊互联网络科技 润盈互联网科技 深圳期待互联网科技 中国最先进互联网科技公司 博兴的互联网电子科技公司 宁夏众和广鑫互联网科技有限公司 上海宁丞科技互联网 互联网科技与大数据专业 坤平互联网科技 电子科技大学互联网创业大赛 深圳育鹏互联网科技有限公司招聘 广西互联网科技孵化中心 合肥互联网科技公司公章图片 广州有谷有贝互联网科技有限公司 花魁咖啡 互联网科技有限公司 互联网科技英文 互联网高科技企业 国外互联网科技网站 中国互联网金融科技基金 无锡溥仪互联网科技有限公司 港股科技和互联网 互联网科技数字货币 广州三三互联网科技有限公司

相关文章

0