<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>無料で使える情報探す「おぼえがき」 &#187; png</title>
	<atom:link href="http://oboegaki.net/tag/png/feed" rel="self" type="application/rss+xml" />
	<link>http://oboegaki.net</link>
	<description>WordPressのプラグインやサイト作成・運営、パソコンやパーツ周辺機器、ソフト・ハードのトラブルや修理といったネタを扱う個人的備忘録ブログ。</description>
	<lastBuildDate>Wed, 16 Dec 2009 10:00:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://oboegaki.net/tag/png/feed" />
		<item>
		<title>IE6でpng画像が透過出来ない</title>
		<link>http://oboegaki.net/website/1.html</link>
		<comments>http://oboegaki.net/website/1.html#comments</comments>
		<pubDate>Sat, 10 May 2008 01:47:21 +0000</pubDate>
		<dc:creator>chakra</dc:creator>
				<category><![CDATA[サイト作成&運営]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[透過]]></category>

		<guid isPermaLink="false">http://oboegaki.net/?p=15</guid>
		<description><![CDATA[ブログのサイドバーにRSS画像を配置しようと考え、ネットで素材を散策。
見つけたのは以下の png 画像。

早速 RSS に使ったのですがここで問題発生。　IE7 や Firefox では透過されるのですが、IE6以下 [...]]]></description>
			<content:encoded><![CDATA[<!-- google_ad_section_start --><p>ブログのサイドバーにRSS画像を配置しようと考え、ネットで素材を散策。</p>
<p>見つけたのは以下の png 画像。</p>
<p><img src="http://oboegaki.net/wp-content/uploads/2008/06/rss.png" alt="" title="rss" width="174" height="189" class="alignnone size-full wp-image-17" /></a></p>
<p>早速 RSS に使ったのですがここで問題発生。　IE7 や Firefox では透過されるのですが、IE6以下では薄いグレーで透過部分が表示されます。</p>
<p><span id="more-15"></span></p>
<p>面倒だったので透過の部分を下記画像のように背景と同じ色に着色。</p>
<p><img src="http://oboegaki.net/wp-content/uploads/2008/06/rss11.png" alt="" title="rss11" width="174" height="189" class="alignnone size-full wp-image-18" /></a></p>
<p>これで IE6 は背景となじんで問題なくなりました。</p>
<p>しか～し、逆に Firefox では微妙に色の違いが出てしまい変な感じに。</p>
<p>最終的に png を gif へ変換。</p>
<p><img src="http://oboegaki.net/wp-content/uploads/2008/06/rss1.gif" alt="" title="rss1" width="174" height="189" class="alignnone size-full wp-image-19" /></a></p>
<p>多少ギザギザが気になりますが、とりあえずこれで良しとしときます。</p>
<p>今回はこれ以上手を加えませんが、 javascript を使って透過画像を IE6 で使用できるようにする方法もあるようです。</p>
<div class="post-lk">
<ul>
<li><a href="http://blog.l-xs.com/yungsang/2007/02/png_ie_ie7.html"><span class="bold">ユンサンの／융상의／YungSang&#8217;s: 透過PNG と IE と IE7　まとめ</span></a></li>
</ul>
</div>
<!-- google_ad_section_end -->]]></content:encoded>
			<wfw:commentRss>http://oboegaki.net/website/1.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://oboegaki.net/website/1.html" />
	</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.463 seconds -->
