关于PNG透明,IE6,PNG8,PNG24,PNG32
2011-07-02 19:40
260 查看
今天在写一段代码的时候,无意间发现,Fireworks导出的PNG24格式的透明图片竟然在IE7,FF下全部无效。当保存为PNG32的时
候,透明才有效。而用PS保存为PNG24的时候就是正常的。正当我不解的时候发现,PS导出的PNG24在Fireworks里打开竟然是
PNG32…..
IE6不支持png24的透明,却可以很好的支持PNG8的索引透明。
介绍一个IE6专用的PNG hack,就是很著名的iepngfix.htc呵呵。
首先要下载这个到你的站点目录下iepngfix.htc
将这段条件注视写进你的head
<!--[if lt IE 7]><style type="text/css"> .photo { behavior: url(iepngfix.htc); }</style><![endif]-->这个photo就是你的图片或者图片容器的class。URL里是你的文件路径。
现在就OK了。
<!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-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<!--[if lt IE 7]>
<style type="text/css">
.photo{ behavior: url(http://www.caihong.cc/iepngfix.htc); }
</style>
<![endif]-->
</head>
<body>
<div style="width:300px; height:400px; position:relative;"><div style="width:200px; height:200px; position:absolute; top:50px; left:50px; background:url(http://www.caihong.cc/1.png);" class="photo" ></div>结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结</div>
</body>
</html>
候,透明才有效。而用PS保存为PNG24的时候就是正常的。正当我不解的时候发现,PS导出的PNG24在Fireworks里打开竟然是
PNG32…..
IE6不支持png24的透明,却可以很好的支持PNG8的索引透明。
介绍一个IE6专用的PNG hack,就是很著名的iepngfix.htc呵呵。
首先要下载这个到你的站点目录下iepngfix.htc
将这段条件注视写进你的head
<!--[if lt IE 7]><style type="text/css"> .photo { behavior: url(iepngfix.htc); }</style><![endif]-->这个photo就是你的图片或者图片容器的class。URL里是你的文件路径。
现在就OK了。
<!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-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<!--[if lt IE 7]>
<style type="text/css">
.photo{ behavior: url(http://www.caihong.cc/iepngfix.htc); }
</style>
<![endif]-->
</head>
<body>
<div style="width:300px; height:400px; position:relative;"><div style="width:200px; height:200px; position:absolute; top:50px; left:50px; background:url(http://www.caihong.cc/1.png);" class="photo" ></div>结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结</div>
</body>
</html>
相关文章推荐
- 关于PNG透明,IE6,PNG8,PNG24,PNG32
- 关于IE6不能兼容LCUC使用的PNG透明图象
- iepngfix.htc让PNG-24在IE6中透明的方法
- 关于cache文件格式的选择:png8,png24,png32 or jpeg
- iepngfix.htc让PNG-24在IE6中透明的方法 03 iepngfix.htc
- 关于IE6中PNG透明图片的问题
- 在ie6下将png24图片透明
- 关于ie6 PNG透明背景的修复。
- iepngfix.htc让PNG-24在IE6中透明的方法(转)
- iepngfix.htc和png8让IE6支持png背景透明
- 实现 png-24 图片在 IE6 下透明的方法
- iepngfix.htc和png8让IE6支持png背景透明
- iepngfix.htc和png8让IE6支持png背景透明
- [CSS] - 让IE6支持PNG-24透明背景(多个方法)
- png-24在ie6中的几种透明方法
- 解决IE6下不支持 png24的透明图片问题
- png8 png24 png32
- png-24在ie6中的几种透明方法
- 关于IE6的PNG图像透明使用AlphaImageLoader的缺点
- png8 png24 ie6(转)