ie6的png24问题

解决IE6的PNG透明JS插件 DD_belatedPNG

引:http://www.cnblogs.com/cobby/archive/2012/05/11/2495801.html

IE6的PNG透明是个老问题了,最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件,今天抽空把这个发上来。
虽然之前在博客里发过一款jquery的png插件,但是不支持背景平铺。
DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性,支持伪类。是一款不错的值得推荐的插件,用法也比较简单。

使用方法:

1
2
3
4
5
6
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix(‘.png_bg‘);
</script>
<![endif]-->

引用函数是DD_belatedPNG.fix(),括号里的 .png_bg 改成你的css选择器名称。

ID选择器例子:

1
  DD_belatedPNG.fix(‘#png‘);

伪类例子:

1
  DD_belatedPNG.fix(‘.png a:hover,.png a:focus‘);

img标签例子:

1
  DD_belatedPNG.fix(‘img‘);

如果是多个直接加逗号(英文下的)就行。例如:

1
  DD_belatedPNG.fix(‘.png_bg,#png,.png a:hover,.png a:focus,img‘);
时间: 2024-12-21 23:24:32

ie6的png24问题的相关文章

IE6兼容png24透明滤镜写法图片路径是以页面为基点

background:url(logo2.png) no-repeat; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='logo2.png'); 注意:滤镜的图片路径是以页面为基点,并非以CSS文件. IE6兼容png24透明滤镜写法图片路径是以页面为基点

IE6支持PNG24图片背景透明

网上关于IE6支持PNG24图片背景透明的方法有数种,以下只列出其中两种个人认为比较实用的方法. 第一种:使用IE自身滤镜background:url(a.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="a.png" ,sizingMethod="crop"); 原理:其他浏览器调用PNG,IE6则先设背景没有(必

解决IE6下png-24使用滤镜(_filter)透明问题 效果出不来

今天说说IE6下使用滤镜(_filter)解决png-24透明效果遇到的一些问题: css代码:background:url(../images/button1.png) no-repeat;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/button1.png"); 在使用上述代码解决IE6下透明效果时,有的人会出现明明使用了上述代码,为什么没有出现想要的

iepngfix.htc让PNG-24在IE6中透明的方法(转)

add:360用的一个方法: <!--[if IE 6]> <script src="http://se.360.cn/js/DD_belatedPNG.js"></script> <script>DD_belatedPNG.fix('.logo, .sprite, .nav a');</script> <![endif]--> PNG的透明效果真的很棒,但往往在设计网页时,为了尽量少用IE6的hack,不惜丢弃一

小结IE6的坑

1.z-index在position:relative/absolute等定位属性设置后还是无效,会导致top栏的导航栏目的子菜单被下面的层遮住,无法显示:解决办法:?http://www.wufangbo.com/ie6-ie7-z-index-bug/就是被子导航列表覆盖的层绝对不能设置为相对定位(在该层中想让其子元素设置为position:absolute;本层设置为position:relative;这样的组合在IE6中是绝对不允许的,解决办法是:去掉父层的position:relati

1.3切图

1.哪些是需要切出来的 修饰性的(一般用在css的background属性) 图标 logo 有特殊效果的按钮.文字等 非纯色的背景 内容性的(一般用在html的img标签) Banner.广告图片 文章中的配图 不切图 只占位 2.切出来的图 存为哪种类型 内容性的 一般存为JPG格式 有时还会压缩保证图片大小不要太大 修饰性的 PNG24 图片质量较高 PNG8 两种都支持全透明 PNG24支持半透明 PNG不支持 IE6的PNG24不支持半透明 这时需要对IE6做兼容 3.切图 隐藏文字只

png图片使用opacity在ie中出现黑边情况

JQuery动画的淡入淡出效果,用在PNG24的图片上,在IE7.IE8下会出现黑边框. 有些人觉得很奇怪,为什么?潘?E6正常,反而在IE7.8下却有黑边呢. 其实问题出在filter属性上.IE6引用PNG24的图片的方式是: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img24.png'); 我的方法: .img{opacity: 0;background: url(../images/img1.png)

PNG使用技巧 PNG的使用技巧

PNG的格式和透明度 这个Fireworks会比较清楚,打开Fireworkd优化面板,可以清楚看到png有3种不同深度的格式:png8.png24.png32. 其中,在优化面板选择png8,可发现png8包括不透明.索引色透明.alpha透明3种格式. PNG8 8位的png最多支持256(2的8次方)种颜色,8位的png其实8支持不透明.索引透明.alpha透明. PNG24 支持2的24次方种颜色,表现为不透明. PNG32 支持2的32次方种颜色,32位是我们最常使用的格式,它是在pn

PNG的使用技巧

[转载]PNG的使用技巧 时间:2014-12-25 12:21 Png是图像文件存储格式,在网页设计中已经不是一个陌生的名词,在前端开发中经常使用到它,如常用CSS 雪碧图.而Png的使用不仅仅如此,Png有多少种格式,有哪些特点,PC端中常用的Png格式是哪些,手机端最合适的Png格式是什么呢?如果你对这些 问题有疑问,那么很开心的告诉你,这里有你需要的答案. PNG的格式和透明度 这个Fireworks会比较清楚,打开Fireworkd优化面板,可以清楚看到png有3种不同深度的格式:pn