<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="/main.xsl"?>
<b:blog xmlns="http://www.w3.org/1999/xhtml" xmlns:b="http://blog.othree.net"  xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://blog.othree.net http://blog.othree.net/blooog.xsd">
	<b:blogTitle>O3noBLOG</b:blogTitle>
	<b:blogDescription></b:blogDescription>
	<b:entries>
		<b:entriesMeta>
			<b:listType>s</b:listType>
			<b:listData listID="000303" baseName="using-half-transparent-png">慶祝300篇，開始使用半透明PNG</b:listData>

			<b:previous>
				<b:mTitle>Internet Eplorer 7 新圖</b:mTitle>
				<b:mDate>2006/01/19</b:mDate>
				<b:mBase>new-screenshot-for-ie7</b:mBase>
			</b:previous>


			<b:next>
				<b:mTitle>Internet Explorer 7 build 5299 測試</b:mTitle>
				<b:mDate>2006/01/21</b:mDate>
				<b:mBase>internet-explorer-7-build</b:mBase>
			</b:next>

		</b:entriesMeta>
		<b:entry entryID="000303" baseName="using-half-transparent-png">
			<b:author>
				<b:authorName>othree</b:authorName>
				<b:authorEmail>othree@gmail.com</b:authorEmail>
				<b:authorUrl></b:authorUrl>
			</b:author>
			<b:datetime>
				<b:date>2006-01-20</b:date>
				<b:time>21:55:04</b:time>
			</b:datetime>
			<b:category>about</b:category>

			<b:CommentsAccepted>1</b:CommentsAccepted>



			<b:PingsAccepted>1</b:PingsAccepted>


			<b:title>慶祝300篇，開始使用半透明PNG</b:title>
			<b:content>
				<b:summary> 因為一些狀況我開始使用半透明的PNG在sidebar上，出來的效果還不錯，Firefox、Opera和Safari都可以正常顯示，Internet Explorer 7 beta 1也OK，6就不正常了，不過我是不太在意啦:P，另外我本來是用一張1px乘1px的半透明圖當底圖，沒想到Safari會出問題，後來發現圖片大小大一點就不會這樣了，真怪。 順便慶祝300篇！...</b:summary>
				<b:mainContent><p><img src="http://blog.othree.net/log/2006/01/20/using_half_transparent_png/half_trans.png" alt="半透明PNG的效果蠻漂亮的" height="146" width="160" /></p>

<p>因為一些狀況我開始使用半透明的PNG在sidebar上，出來的效果還不錯，Firefox、Opera和Safari都可以正常顯示，Internet Explorer 7 beta 1也OK，6就不正常了，不過我是不太在意啦:P，另外我本來是用一張1px乘1px的半透明圖當底圖，沒想到Safari會出問題，後來發現圖片大小大一點就不會這樣了，真怪。</p>

<p><strong>順便慶祝300篇！</strong></p></b:mainContent>
				<b:extendContent><p>最後附上Safari上的錯誤圖：</p>

<p><img src="http://blog.othree.net/log/2006/01/20/using_half_transparent_png/half_trans_safari.png" alt="Safari上1*1的圖會有錯誤" height="145" width="159" /></p></b:extendContent>
			</b:content>
			<b:comments commentCount="5">

				<b:comment commentID="000928" entryID="000303">
					<b:author>
						<b:authorName>SBT</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-01-21</b:date>
						<b:time>00:15:44</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>試過這個 PNG Hack 嗎? XD<br />
比較可惜的是, 只支援 32-bit PNG, 不支援 transparent color key ...<br />
<a href="http://www.mongus.net/pngInfo/" rel="nofollow">http://www.mongus.net/pngInfo/</a></p>

<p>我稍微改了一下, 讓 img tag 不必自己指定 width/height<br />
<a href="http://sbt.idv.tw/temp/pngHack.htc" rel="nofollow">http://sbt.idv.tw/temp/pngHack.htc</a></p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="000929" entryID="000303">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://blog.othree.net</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-01-21</b:date>
						<b:time>00:56:57</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>這麼說來，IE7( <a href="http://dean.edwards.name/IE7/compatibility/" rel="nofollow">http://dean.edwards.name/IE7/compatibility/</a> )也有讓PNG的alpha channel正常的功能，不過我不太想掛這些東西就是^^，我還是會試試看，謝了。</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="001236" entryID="000303">
					<b:author>
						<b:authorName>nsrfzr</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl>http://www.wretch.cc/blog/nsrfzr</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-06-02</b:date>
						<b:time>09:42:03</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>good information!<br />
thank you! ^_________^</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="001240" entryID="000303">
					<b:author>
						<b:authorName>BCSEEATI</b:authorName>
						<b:authorEmail>elohim@gmail.com</b:authorEmail>
						<b:authorUrl>http://blog.bcse.info</b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-06-03</b:date>
						<b:time>21:27:31</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>上面這是… 手動Spam? XD</p></b:mainContent>
					</b:content>
				</b:comment>

				<b:comment commentID="001241" entryID="000303">
					<b:author>
						<b:authorName>OOO</b:authorName>
						<b:authorEmail></b:authorEmail>
						<b:authorUrl></b:authorUrl>
					</b:author>
					<b:datetime>
						<b:date>2006-06-04</b:date>
						<b:time>10:28:02</b:time>
					</b:datetime>
					<b:content>
						<b:mainContent><p>可能吧^^b</p></b:mainContent>
					</b:content>
				</b:comment>

			</b:comments>
			<b:trackbacks trackbackCount="0" trackbackURL="http://othree.net/mt/mt-tb.cgi/302">

			</b:trackbacks>
		</b:entry>
	</b:entries>
</b:blog>