<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WEB前端开发 &#187; PNG</title>
	<atom:link href="http://www.css88.com/archives/tag/png/feed" rel="self" type="application/rss+xml" />
	<link>http://www.css88.com</link>
	<description>专注前端开发，关注用户体验</description>
	<lastBuildDate>Mon, 06 Feb 2012 13:31:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>png那些事儿</title>
		<link>http://www.css88.com/archives/2018</link>
		<comments>http://www.css88.com/archives/2018#comments</comments>
		<pubDate>Wed, 18 Nov 2009 09:05:46 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[html+css]]></category>
		<category><![CDATA[Alpha透明]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[png24]]></category>
		<category><![CDATA[png32]]></category>
		<category><![CDATA[png优化]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=2018</guid>
		<description><![CDATA[趁着小志的《css那些事儿》正火，引用一下标题，哈哈，傍大款。 首先请大家请给PNG8一个机会： 全透明的png8可以在任一浏览器正常显示（就像gif一样）。 推荐两篇文章给大家：http://www.ued163.com/?p=640，http://www.ued163.com/?p=645 半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明，其它浏览器都能正常显示半透明。这个bug并不需要特殊对待，因为在不支持半透明的浏览器下只是显示为全透明，对用户体验影响不大，它反而是透明gif的加强版。 第二个bug没有什么好的方法解决，只能通过影响性能的方法AlphaImageLoader与需要加特殊标签（VML）。 到底是png24 Alpha透明还是png32 Alpha透明？ 其实这个问题根本就不用回答，这个可能跟每个人使用切图软件有关。 1.Photoshop Photoshop只能导出布尔透明（全透明或者全不透明）的PNG8。 Photoshop能导出alpha透明（全透明，全不透明，半透明）的PNG24。 Photoshop不能导出PNG32。 2.Fireworks Fireworks既能导出布尔透明的PNG8,也能导出alpha透明（）的PNG8,半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明. Fireworks能导出PNG24，但是和jpeg差不多，不能透明。 Fireworks能导出alpha透明的PNG32。 所以png24 Alpha透明或者png32 Alpha透明只是使用切图软件差别，在浏览器中Alpha透明的。表现是一致的。 ie6下的png Alpha透明 目前ie6下的png24 Alpha透明还是png32 Alpha透明只能使用影响性能的AlphaImageLoader方法，即使很多人说的使用js其实也是使用了这个方法。 方法在css中使用： filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=布尔值(Boolean),src=&#8217;图片路径&#8217;,sizingMethod=&#8217;设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式&#8217;)； 参数说明： enabled :可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true &#124; false true : 默认值。滤镜激活。 false : 滤镜被禁止。 注：该项一般可以省略不写。 sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 crop :剪切图片以适应对象尺寸。 image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 scale : 缩放图片以适应对象的尺寸边界。[自己的体会是，如果padding 和margin的大小不适中的的话，那么背景图片会被撑大。相当于background-repeat。] 注：强烈建议加上该属性，并使用“crop”属性值，去掉sizingMethod=&#8217;crop&#8217;属性或者其使用其他属性值后边框等表现会在ie6下发生异常 src [...]]]></description>
		<wfw:commentRss>http://www.css88.com/archives/2018/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>圆角头像的制作</title>
		<link>http://www.css88.com/archives/1805</link>
		<comments>http://www.css88.com/archives/1805#comments</comments>
		<pubDate>Thu, 20 Aug 2009 05:10:28 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[html+css]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[圆角头像]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=1805</guid>
		<description><![CDATA[好多sns的头像都使用圆角了，昨天在校内上看到了圆角头像，今天在Qzone的也看到了圆角头像，圆角头像看上去比直角的美观。 圆角头像的制作原理就是在头像上覆盖一张透明的图片，把四个角颜色设置成页面的背景颜色，中间透明， 假设我的页面底色是纯黑色的，那么这个透明图片可以做成这样，如图： 这里需要注意的是需要把图片保存成24位的png，虽然IE6支持8位的png的透明，但是8位的png做透明圆弧图片存在效果上的问题，就是存在白色的杂边或锯齿，如图： ，24位的png或32位的png的圆弧透明（半透明）图片则非常光滑，但是该死的IE6不支持24位的png或32位的png透明(其他浏览器都支持)，需要我们额外的一下处理； IE6下处理24位的png或32位的png方方法有很多，我做了2种： 第一种：使用 AlphaImageLoader 筛选器： html代码： &#60;div id=&#34;circular-box&#34; class=&#34;clearfix&#34;&#62; &#60;ul&#62; &#60;li&#62;&#60;a href=&#34;http://www.sodao.com&#34;&#62;&#60;img src=&#34;jy20090504026.jpg&#34; width=&#34;200&#34; height=&#34;200&#34; /&#62;&#60;span class=&#34;cir-bg&#34;&#62;&#60;/span&#62;&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#34;http://www.sodao.com&#34;&#62;&#60;img src=&#34;jy20090504035.jpg&#34; width=&#34;200&#34; height=&#34;200&#34; /&#62;&#60;span class=&#34;cir-bg&#34;&#62;&#60;/span&#62;&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=&#34;http://www.sodao.com&#34;&#62;&#60;img src=&#34;jy20090504036.jpg&#34; width=&#34;200&#34; height=&#34;200&#34; /&#62;&#60;span class=&#34;cir-bg&#34;&#62;&#60;/span&#62;&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62; &#60;/div&#62; CSS代码： #circular-box{ margin: 50px;} #circular-box li{ float:left; margin:0 20px; position:relative} #circular-box li img{display:block} #circular-box li span{position:absolute; top:0; left:0;width:200px; [...]]]></description>
		<wfw:commentRss>http://www.css88.com/archives/1805/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>卸载adobe cs4后PNG图片无法显示问题</title>
		<link>http://www.css88.com/archives/1065</link>
		<comments>http://www.css88.com/archives/1065#comments</comments>
		<pubDate>Thu, 09 Apr 2009 03:30:41 +0000</pubDate>
		<dc:creator>愚人码头</dc:creator>
				<category><![CDATA[前端工具]]></category>
		<category><![CDATA[adobe cs4]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[图片无法显示]]></category>

		<guid isPermaLink="false">http://www.css88.com/?p=1065</guid>
		<description><![CDATA[同事啄米鸟昨天发现一个奇怪的问题：就是在IE上是PNG的图片都不能显示了，将图片转化成.jpg或者.gif又是可以的，将图片方式我的本地又是正常的。显然是电脑问题了，经过他2天的折腾终于找到了原因。 原因：卸载adobe cs4的部分组件，比如ps cs4，ai cs4等； 解决方案： 1. CMD下运行 regsvr32.exe C:\windows\system32\pngfilt.dll 确保png解析DLL已经注册，如果没有找到这dll，可以点击下载pngfilt，解压缩后拷贝到到 C:\windows\system32\ 目录; 2. 导入png.reg (点击下载) png的默认关联 3. 导入png2.reg(点击下载) MIME的默认png类型 至此png图片应该能正常显示了， PS：adobe cs4 人品有问题！ 声明: 本文采用 BY-NC-SA 协议进行授权 &#124; WEB前端开发转载请注明转自《卸载adobe cs4后PNG图片无法显示问题》]]></description>
		<wfw:commentRss>http://www.css88.com/archives/1065/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

