千家信息网

请输入关键字词

热门搜索排行

最新搜索排行

导航： 首页 > 开发技术 >

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

发表于：2025-11-07 作者：千家信息网编辑
千家信息网最后更新 2025年11月07日，本篇内容主要讲解"HTML怎么实现PNG图片在IE6中背景不透明"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"HTML怎么实现PNG图片在IE6中背景不透
千家信息网最后更新 2025年11月07日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安全错误 数据库的锁怎样保障安全 疫情下的网络安全生活 区块链为什么是共享的数据库 电脑网易邮箱服务器怎么设置 人气对转服务器有影响吗 台州和谐网络技术有限公司 twitter服务器 在关系数据库中主键是 冀州软件开发定做 网络安全文字如何写 怎么看数据库各个库表的剩余空间 崩坏3怎么不能选择服务器 网络安全层机构 上海速洲网络技术有限公司 数据库io接口优化 惠普打印服务器无线打印 电力行业日志审计服务器供应商 网络安全密码管理办法 小米11提示服务器异常 易当网络安全工程师 昆明fil服务器介绍 数据库安全 百度百科 露台效果图软件开发 网络服务器租用的证明 西安佳云尚行网络技术有限公司 能源网络安全实验室 软件开发招标流程案例 vs2017调试数据库 清溪手机软件开发 软件开发中最让人有成就的事情 转子动力学软件开发

相关文章

0