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

你了解png24吗?

http://www.iyunlu.com/view/Front-end/60.html

对于png24的问题,之前用了pngFix,可以解决背景图片的问题。特别是对于标签,就没有什么效果。

用了DD_belatedPNG这款png处理插件。


优点

  1. 支持 backgrond-position 与 background-repeat,这是其他 js 插件不具备的。
  2. DD_belatedPNG 还支持 a:hover 伪类属性,以及 img 标签。
  3. 使用方便。

说明

如处理所有:

DD_belatedPNG.fix('*');

如处全部图片:

 DD_belatedPNG.fix('img');

如处标签header下的图片:

 DD_belatedPNG.fix('.header img');

如处理多个标签可以连写使用:

 DD_belatedPNG.fix('.header img.menu li');
时间: 2024-10-20 11:44:09

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

js DD_belatedPNG解决ie6下png图片不透明方法

 原理 这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜. 使用方法 1.在这里下载DD_belatedPNG.js文件. http://dillerdesign.com/experiment/DD_belatedPNG/#download 2.在网页中引用,如下:    代码如下 复制代码 <!--[if IE 6]> <script src="DD_belatedPNG.js" mce_src

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

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

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

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

css中解决ie6下背景图片底部不对齐错位办法

先来两段代码,一段是HTML代码,一段是CSS代码,下面的分析都是在这两段代码的基础上进行. HTML代码:  代码如下 复制代码 <!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/1

解决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图片背景不透明的解决办法使用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

JS解决ie6下png透明方法

  解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK. <!DOCTYPE html> <html lang="en"> <head> <title>解决ie6下png透明方法之JS法-</title> <style type="text/css"> .a{background: #FFFF99 ; backgroun

JS解决ie6下png透明的方法实例

解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK.   复制代码 代码如下: <!DOCTYPE html> <html lang="en"> <head> <title>解决ie6下png透明方法之JS法-</title> <style type="text/css">  .a{background: #FFFF99

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

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