ie6下png图片透明解决方案

一点不影响速度。还有一种方法图片多时会变慢,而且必须准备一张透明的小图片transparent.gif,放在和html相同的目录,因操作麻烦,所以没有分享。
写法如下:
<style type="text/css">
.mypng img {
azimuth: expression(
this.pngSet?this.pngSet=truethis.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progidXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif")this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progidXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
</style>

<head>标签中调用内容:
<!--[if lte IE 6]>
<script src="img/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('#png,.png');
</script>
<![endif]-->
<body>里需要的地方调用就可以了,使用方法:<div id="test"><img scr="#"/></div> 如果test层有背景,且需要背景透明png,则<div id="test" class="png"><img scr="#"/></div>,如果是图片本身需要透明,则<div id="test"><img scr="#" class="png"/></div>

时间: 2024-07-31 22:23:52

ie6下png图片透明解决方案的相关文章

解决ie6下png图片透明的完美方法

看了很多网上有关解决ie6下png图片透明的文章,很多都是只解决了页面上插入png图片或css背景调用,而且都没用透明效果,在ie6下仅实现了去除灰底色.今天特下载网上一些优秀页面进行分析整合,整理了两套相当有效的解决方案,可以同时支持插入图片或css背景调用问题. 更新下载版本说明: 1."ie6-png-2(filter)"文件中,滤镜控制调用背景透明和js控制插入图片透明不能同时出现,这样在不同浏览器下会有问题,可以分开使用: 2."ie6-png-1(js)"

ie6下png图片背景不透明的解决办法使用js实现_javascript技巧

我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式. 首先我们要用到一个js,代码如下: 复制代码 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.diller

基于jQuery IE6下PNG图片背景透明问题解决方法

基于jQuery IE6下PNG图片背景透明问题解决方法 IE6问题真的很多,其中有一个问题是PNG图片背景无法变成透明,取而代之的是一个色块,有时候我们想用png透明图片来做小图标,这个在IE6下就纠结了,下面我们用一个jquery插件来解决这个问题,希望能帮上大家. 首先下载SuperSleight for jQuery,再下载一张透明gif图片transparent.gif. 引用脚本: <script type="text/网页特效" src="/scripts

ie 6-请问大家是如何处理IE6下PNG24图片有灰底的问题的?

问题描述 请问大家是如何处理IE6下PNG24图片有灰底的问题的? 开发了一个网站,使用了用PHOTOSHOP做出的PNG24透明图片,高版本浏览器显示良好,唯独IE6显示有灰白底色,难看死了,用JAVASCRIPT加滤镜也不行,问问大家是怎么处理这个问题的. 解决方案 曾经被困扰过,同问+1 解决方案二: 顺便补充一下,以前是这么做的 解决方案三: <!--[if IE 6]><script type=""text/javascript"" sr

IE6下PNG背景透明

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

用DD_belatedPNG解决IE6下PNG图片无法透明的问题

你了解png24吗? http://www.iyunlu.com/view/Front-end/60.html 对于png24的问题,之前用了pngFix,可以解决背景图片的问题.特别是对于标签,就没有什么效果. 用了DD_belatedPNG这款png处理插件. 优点 支持 backgrond-position 与 background-repeat,这是其他 js 插件不具备的. DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签. 使用方便. 说明 如处理所有

css插入透明png(IE6下PNG背景透明)

png图片支持透明~很不错,可是在ie6下却不能正确显示透明部分,使用这个css可以解决这个问题(还有其他方法,不过百度空间只能用css~_~) filter:progid:dximagetransform.microsoft.alphaimageloader(src="png图片地址",sizingmethod="crop"); 把上面的加在css中. 例如 #in_send form td.f14 input { filter:progid:dximagetra

js实现IE6浏览器PNG图片透明方法总结

例1 有时候按钮并不能存成jpg,因为jpg不透明: 有时候渐变并不能存成gif,因为gif会有颗粒: 所以很多时候,我们要用到png格式,但是IE6并不兼容PNG图片的透明或者是透明度. 而且分为两种情况,一种是PNG图片背景,另一种是插入式的PNG图片. 现在提供解决"插入式的PNG图片"透明问题. 解决办法是在页面头部里插入一段JS即可. 个人标记一下"招聘语音聊天室管理员页面"应用了此方法.  代码如下 复制代码 <script language=&q

ie6下背景图片不缓存解决办法

一,利用了execCommand来操作,很方方便代码如下.  代码如下 复制代码 if($.browser.msie && $.browser.version == "6.0"){     try{         document.execCommand('BackgroundImageCache', false, true);     }catch(e){} }; //execCommand .net一个对当前文档,当前选择或者给出范围的命令 二,IE6下默认不缓存