千家信息网

请输入关键字词

热门搜索排行

最新搜索排行

导航： 首页 > 开发技术 >

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

发表于：2025-02-01 作者：千家信息网编辑
千家信息网最后更新 2025年02月01日，本篇内容主要讲解"HTML怎么实现PNG图片在IE6中背景不透明"，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习"HTML怎么实现PNG图片在IE6中背景不透
千家信息网最后更新 2025年02月01日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安全错误 数据库的锁怎样保障安全 迎风而上的网络安全板块 网络技术宅重生 联想服务器换主板教程 网络安全设施登录 常用车载网络技术 华为防火墙服务器映射 服务器购买配置 开发机器人有什么软件开发 关于网络安全300字 机构编制系统网络安全宣传周 服务器cpu波动正常吗 嵌入式软件开发区日料文案 网络安全班会准备过程 go动态加载数据库 计算机网络技术哪类能考公务员 服务器ae 网络安全事故应急预案范文 手机网贷APP软件开发 网络安全售后工程师简历 西宁软件开发应用范围 奉贤区机电软件开发厂家直销 华为服务器驱动下载 南京央洲网络技术有限公司杨明 军地网络安全排查协议 网络安全要解决哪些问题 热爱软件开发 数据库分离怎么设置 CAD软件开发难度 两个dbf数据库合并 内网网络安全现状自查

相关文章

0