IE6下如何让PNG图片变透明

经常会有人问我IE6下如何让PNG图片变透明，实际上IE6浏览器无法显示透明的PNG图片，这也让许多网页设计师头疼的事，一些很好的效果页面就因为无法透明显示PNG图片，所以不得不应做成JPG。

也有许多方法试图解决这一问题，但现在只需要使用一个叫做“Unit PNG Fix”的JS文件就能完全搞定。

该JS的下载地址：http://labs.unitinteractive.com/unitpngfix.php

Unit PNG Fix的确是太出众了.

1.非常小的javascript文件:1kb!
2.解决因为IE的滤镜属性所带来的影响.
3.无论是img元素或background-image属性,都能有效果.
4.在加载页面之前就能自动运行.或者就一丁点的元素.
5.允许自动高宽.
6.使用起来超级简单.

时间： 2024-09-06 06:08:12

IE6下如何让PNG图片变透明的相关文章

IE6下JS动态设置图片src地址问题_javascript技巧

这两天赶一个项目,要求鼠标点击小图显示大图,于是用JS来根据小图来设置大图的SRC,设计完后问题就出来了.在IE6下大图显示不出,鼠标放置在图片上右键链接地址是可以正常显示链接地址的,并且点击显示图片图片才能被正常显示.IE7,IE8和FF是没有这些问题的.代码如下: 复制代码 代码如下: function picclick() { var pic = $('marqueediv').getElementsByTagName('a'); var len = pic.length; for(var

为什么网页上的图片变得很小

图片是网页的重要组成元素,它不仅仅用于修饰网页,有的场合下许多作者用它来表达实际的内容.例如做设计工作的朋友有时会写一些作品教程,他们的教程中可能一个文字都没有,其实所有的步骤和内容都放到图片中了. 每个网站都会有许多需要放到网页内容区的图片,这些图片的尺寸大小不一.有些尺寸的图片不太好处理,比如一个网站的内容展示区的宽度为600px,而许多ps教程类的图片的宽度却往往达到1024px.甚至1280px之多.如何让网站内各种尺寸的图片按照适合网站的比例显示出来,这可能是每一个网页设计师都需要考虑

解决IE6下不支持 png24的透明图片问题

常用的两种解决方案: 第一:使用IE滤镜解决 关键代码: css代码 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.update8.com/Web/CSS/css/images/png24.png",sizingMethod="crop"); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的

解决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

css/js实现png图片ie6下背景透明实现代码

在IE6直接显示(包括内容中直接插入.作为背景图片)PNG-24格式的图片,是不能正确显示透明.半透明内容与其他内容的叠加呈现效果的.那些IE7+以及其他标准浏览器中漂亮的虚化.淡出.投影效果,在IE6-中很可能成了一坨难看的灰色. 如果你无法忍受ie6中难看的灰色,如果你无法放弃半透明叠加的效果,你会有机会遇到这个问题的.解决途径有不少.这里列举一些,以供参考: 1,修改设计效果,使之可以整块透明区域被切片而不影响显示效果.或者去掉半透明效果. 2,htc文件 这里的htc,和宏达手机是无关的

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

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

IE6下的PNG图片透明问题解决方法

ie6下的png图片透明问题解决方法 简单方法是有,用滤镜,但我在firefox下不能正常浏览,况且又耗资源,还不是web标准所提倡的,所以,弃之. filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/1.png', sizingmethod='crop'); 这里是设置你所需要透明图片容器的名字,包括 a:hover (别写错了 :d) <script type="text/网页特效">

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