png8 png24 ie6(转)

今天在写一段代码的时候,无意间发现,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>

时间: 2024-11-08 16:30:19

png8 png24 ie6(转)的相关文章

简述jpg。Gif。png-8.png-24的区别,分别使用场景

gif.jpg.png格式的图片在网站制作中的区别 一.Gif格式特点: 1.透明性,Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha透明). 2.动画,Gif这种格式支持动画. 3.无损耗性,Gif是一种无损耗的图像格式,这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗. 4.水平扫描,Gif是使用了一种叫作LZW的算法进行压缩的,当压缩gif的过程中,像素是由上到下水平压缩的,这也意味着同等条件下,横向的gif图片比竖向的gif图片

简述jpg、gif、png-8、png-24的区别,分别使用场景

gif.jpg.png格式的图片在网站制作中的区别 Gif 格式特点: 1.透明性:gif是一种布尔透明类型,即它可以使全透明,也可是全不透明,但是它并没有半透明的(alpha透明). 2.动画:gif格式支持动画. 3.无损耗性:gif是一种无损耗的图像格式,这也意味着你可以对gif图片做任何操作也不会使得图像质量产生损耗. 4.水平扫描:gif是使用一种叫做LZW的算法进行压缩的,当压缩gif的过程中,像素是由上到下水平压缩的,这也意味着同等条件下,横向的gif图片比竖向的gif更加小.例如

png24和png8 png32这些格式的图片之间的区别

先是png和jpg的区别: PNG和GIF都支持动画PNG的动画也叫APNG,只是firefox支持,如Firefox.所以动画图片来说,还是GIF支持最好 第一种PNG叫PNG8(索引色透明),简单说可以理解为静态的GIF他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明但是PNG由于算法的优势,体积比较少所以,静态GIF完全可用PNG8取代 第二种PNG也叫PNG8(Alpha透明),牛逼在可指定像素点的透明度,例如50%透明度这种优点在于比PNG24/32体积小,因为也只有2

BMP vs GIF vs JPG vs JPEG vs PNG-8 vs PNG-24

原文:http://stackoverflow.com/questions/2336522/png-vs-gif-vs-jpeg-when-best-to-use You should be aware of a few key factors... First, there are two types of compression: Lossless and Lossy. Lossless means that the image is made smaller, but at no detr

ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对

搭建web前端开发环境

目录: 搭建Web开发环境 1.辅助工具——PS(切图.修图.测量) 2.开发.调试工具——常用开发工具和调试工具的功能介绍和使用方法 内容: 切图设计稿(.pdf文件) ———————————— 产出物(如.png .jpg文件)                          素材切出        为什么切图?                给网页提供图片素材                HTML:img    <img src="images/avatar.jpg"

前端工程师技能之photoshop巧用(从效果图到雪碧图)3——切图篇

[哪些是需要切出来的] [1]修饰性的(一般用在background属性)  [注意]修饰性图片一般保存为png24(IE6不支持半透明)和png8格式 [a]图标.logo [b]有特殊效果的按钮.文字等(如果设计师设计的字体不太常见的话,把文字当图片来切出来) [c]非纯色的背景 [2]内容性的(一般用在img标签)  [注意]内容性图片一般是服务器的数据,一般不用切图,只用<img>占位即可 [a]Banner.广告图片 [b]文章中的配图 [c]内容性图片颜色较丰富,一般存为JPG格式

表格高级和滤镜

一,表单高级 表单的作用:用来收集用户的信息的; 表单的组成: 表单域<form name="" method="" action=""></form> 表单控件<input type="text" value=""/> 提示信息 1)表单字段集 <fieldset></fieldset> 功能:相当于一个方框,在字段集中可以包含文本和其他元素.该

两种不同png图片的在项目中的运用

png图片主要分为两种 png-8和png-24. PNG8和PNG24后面的数字则是代表这种PNG格式最多可以索引和存储的颜色值.”8″代表2的8次方也就是256色,而24则代表2的24次方大概有1600多万色. ie6不支持png-24,而png-8在ie6下会出现毛边,并不能实现完全透明的效果,需要引入插件来修复. 百度搜索了关于PNG8和PNG24的区别,发现 原来PNG8要么完全透明,要么完全不透 明,不支持半透明,所以才会出现上面的问题,但PNG24支持半透明的. 首先先做下比较,因