解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背

解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背

目录
  1. 解决代码
  2. 解决png图片在html中
  3. 解决png作为网页背景-css

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

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<document.images.length; 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 = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\‘" + img.src + "\‘, sizingMethod=‘scale‘);\"></span>"
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中背景不透明方法   -   TOP

1、新建一个JS文件为iepngfx.js,进以上JS代码拷贝到JS文件里
2、在HTML中声明只有IE6读取此新建JS文件iepngfx.js中
只允许IE6读取此JS文件方法：
<!--[if IE 6]>
<script src="images/iepngfx.js" language="javascript" type="text/javascript"></script>
<![endif]-->
3、在html中使用图片标签IMG运用PNG图片，在IE6试试看PNG图片背景是否透明了。

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

同样方法
1、新建JS文件同上，命名为iepngfx.js,进以上JS代码拷贝到JS文件里
2、在HTML中声明只有IE6读取此新建JS文件iepngfx.js中
只允许IE6读取此JS文件方法：
<!--[if IE 6]>
<script src="images/iepngfx.js" language="javascript" type="text/javascript"></script>
<![endif]-->
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图片背景透明。

以下JS和CSS方法解决PNG图片在IE6中背景不透明方法对你有用。

时间： 2024-10-11 05:36:24

解决PNG图片在IE6中背景不透明方法_解决IE6中PNG背的相关文章

解决PNG图片在IE6中背景不透明的问题

1.解决PNG图片在IE6中背景不透明的CSS与JS代码   -   TOP 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) &a

Android中Handler的使用方法——在子线程中更新界面

本文主要介绍Android的Handler的使用方法.Handler可以发送Messsage和Runnable对象到与其相关联的线程的消息队列.每个Handler对象与创建它的线程相关联,并且每个Handler对象只能与一个线程相关联. Handler一般有两种用途:1)执行计划任务,你可以再预定的实现执行某些任务,可以模拟定时器.2)线程间通信.在Android的应用启动时,会创建一个主线程,主线程会创建一个消息队列来处理各种消息.当你创建子线程时,你可以再你的子线程中拿到父线程中创建的Han

关于mfs的回收站中文件的查看方法以及mfs回收站中文件恢复

mfs的原理请看总结链接:MFS原理 mfsgettrashtime 用来查看已删除文件能够在回收站存放的时间,超过这个时间后彻底删除.用例为一天后清空回收站.格式:mfsgettrashtime 文件名/目录名 tmp]# mfsgettrashtime /data /data: 86400 如果部署MooseFS 文件系统时没有指定文件回收站位置,默认是不自动创建的,但是被删除的文件时间没超过一天的仍然存在.解决这个问题只需要创建或选择一个目录,将mfs挂载到回收站所用目录即可.mount检

C#中联查的简单方法(如从数据库中获取到数据放到excel表中)

var path = new FileStream((Server.MapPath("~") + "Content\\data\\Cause\\事业单位管理人员基本情况.xls"), FileMode.Open, FileAccess.Read); var wb = new HSSFWorkbook(path); var shet = wb.GetSheet("page 1"); var chain = shet.Chain("D7&q

Java中获取路径的方法_自我分析

就目前的我来说最常用的两种获取路径的方法是  class.getRecource(filename) 和 class.getclassloader.getRecource(filename) 这两者的区别其实很简单就是路径的时候有点不同,这里主要讲两个参数,其他的路径获取,其他的话在根据相对路径逐一查找就行了 class.getRecource(filename): 参数"/" 表示获取根目录; (即我们常用到的bin目录[字节码文件存放的目录] " "  表示获取

尝试创建一个父类，在父类中创建两个方法，在子类中覆盖第二个方法，为子类创建一个对象，将它向上转型到基类并调用这个方法。

package com.hanqi; public class UseCase2 { public void doSomething(){ System.out.println("父类.doSomething()"); } public void doAnything(){ System.out.println("父类.doAnything()"); } public static void main(String args[]){ UseCase2 u=new s

1.20 ,创建一个父类，在父类中创建三个方法，在子类中覆盖第三个方法，为子类创建一个对象，将它向上转型到基类并调用这个方法。

1 public class Person { 2 3 //方法 4 5 public void eat(){ //定义吃的方法 6 7 System.out.println("定义父类Person.吃的方法"); 8 } 9 10 public void work(){ //定义父类工作的方法 11 12 System.out.println("定义父类Person.工作的方法"); 13 } 14 15 } public class Child extends

schema中的虚拟属性方法

schema中的虚拟属性方法相当于vue中的计算属性,它是通过已定义的schema属性的计算\组合\拼接得到的新的值 var personSchema = new Schema({ name: { first: String, last: String } }); var Person = mongoose.model('Person', personSchema); // create a document var bad = new Person({ name: { first: 'Walt

java中的jdbc连接数据库方法及应用

jdbc连接数据库的口诀:猪脸特直观 import java.sql.Connection; import java.sql.Driver; import java.sql.DriverManager; import java.sql.ResultSet; import java.sql.SQLException; import java.sql.Statement; public class Demo03 { public static void main(String[] args) thr