<?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>baalchina &#187; ie6</title>
	<atom:link href="http://www.baalchina.net/tag/ie6/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.baalchina.net</link>
	<description>baalchina技术日志</description>
	<lastBuildDate>Fri, 06 Aug 2010 05:40:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>PNG透明背景在IE6下显示灰色的解决方案</title>
		<link>http://www.baalchina.net/2008/12/png-ie6/</link>
		<comments>http://www.baalchina.net/2008/12/png-ie6/#comments</comments>
		<pubDate>Sun, 28 Dec 2008 05:07:53 +0000</pubDate>
		<dc:creator>baalchina</dc:creator>
				<category><![CDATA[Comsenz]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web应用]]></category>
		<category><![CDATA[ie6]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[网页制作]]></category>

		<guid isPermaLink="false">http://www.baalchina.net/2008/12/png%e9%80%8f%e6%98%8e%e8%83%8c%e6%99%af%e5%9c%a8ie6%e4%b8%8b%e6%98%be%e7%a4%ba%e7%81%b0%e8%89%b2%e7%9a%84%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88/</guid>
		<description><![CDATA[
?View Code JAVASCRIPT1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
&#60;script language=&#34;JavaScript&#34;&#62; 
function correctPNG&#40;&#41; // correctly handle PNG transparency in Win IE 5.5 &#38; 6. 
&#123; 
    var arVersion = navigator.appVersion.split&#40;&#34;MSIE&#34;&#41; 
    var version = parseFloat&#40;arVersion&#91;1&#93;&#41; 
    if &#40;&#40;version &#62;= 5.5&#41; &#38;&#38; &#40;document.body.filters&#41;&#41; 
    &#123; 
      [...]]]></description>
			<content:encoded><![CDATA[
<div class="wp_codebox_msgheader wp_codebox_hide"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p239code2'); return false;">View Code</a> JAVASCRIPT</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table width="100%" ><tr id="p2392"><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
</pre></td><td class="code" id="p239code2"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script language<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;JavaScript&quot;</span><span style="color: #339933;">&gt;</span> 
<span style="color: #003366; font-weight: bold;">function</span> correctPNG<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #006600; font-style: italic;">// correctly handle PNG transparency in Win IE 5.5 &amp; 6. </span>
<span style="color: #009900;">&#123;</span> 
    <span style="color: #003366; font-weight: bold;">var</span> arVersion <span style="color: #339933;">=</span> navigator.<span style="color: #660066;">appVersion</span>.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;MSIE&quot;</span><span style="color: #009900;">&#41;</span> 
    <span style="color: #003366; font-weight: bold;">var</span> version <span style="color: #339933;">=</span> parseFloat<span style="color: #009900;">&#40;</span>arVersion<span style="color: #009900;">&#91;</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span> 
    <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span>version <span style="color: #339933;">&gt;=</span> <span style="color: #CC0000;">5.5</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">&amp;&amp;</span> <span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">body</span>.<span style="color: #660066;">filters</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> 
    <span style="color: #009900;">&#123;</span> 
       <span style="color: #000066; font-weight: bold;">for</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> j<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> j<span style="color: #339933;">&lt;</span>document.<span style="color: #660066;">images</span>.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> j<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> 
       <span style="color: #009900;">&#123;</span> 
          <span style="color: #003366; font-weight: bold;">var</span> img <span style="color: #339933;">=</span> document.<span style="color: #660066;">images</span><span style="color: #009900;">&#91;</span>j<span style="color: #009900;">&#93;</span> 
          <span style="color: #003366; font-weight: bold;">var</span> imgName <span style="color: #339933;">=</span> img.<span style="color: #660066;">src</span>.<span style="color: #660066;">toUpperCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> 
          <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>imgName.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span>imgName.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">3</span><span style="color: #339933;">,</span> imgName.<span style="color: #660066;">length</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;PNG&quot;</span><span style="color: #009900;">&#41;</span> 
          <span style="color: #009900;">&#123;</span> 
             <span style="color: #003366; font-weight: bold;">var</span> imgID <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>img.<span style="color: #660066;">id</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;id='&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">id</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' &quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span> 
             <span style="color: #003366; font-weight: bold;">var</span> imgClass <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>img.<span style="color: #660066;">className</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;class='&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">className</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' &quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;&quot;</span> 
             <span style="color: #003366; font-weight: bold;">var</span> imgTitle <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>img.<span style="color: #660066;">title</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">?</span> <span style="color: #3366CC;">&quot;title='&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">title</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' &quot;</span> <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;title='&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">alt</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' &quot;</span> 
             <span style="color: #003366; font-weight: bold;">var</span> imgStyle <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;display:inline-block;&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">style</span>.<span style="color: #660066;">cssText</span> 
             <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>img.<span style="color: #660066;">align</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;left&quot;</span><span style="color: #009900;">&#41;</span> imgStyle <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;float:left;&quot;</span> <span style="color: #339933;">+</span> imgStyle 
             <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>img.<span style="color: #660066;">align</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;right&quot;</span><span style="color: #009900;">&#41;</span> imgStyle <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;float:right;&quot;</span> <span style="color: #339933;">+</span> imgStyle 
             <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>img.<span style="color: #660066;">parentElement</span>.<span style="color: #660066;">href</span><span style="color: #009900;">&#41;</span> imgStyle <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;cursor:hand;&quot;</span> <span style="color: #339933;">+</span> imgStyle 
             <span style="color: #003366; font-weight: bold;">var</span> strNewHTML <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;&lt;span &quot;</span> <span style="color: #339933;">+</span> imgID <span style="color: #339933;">+</span> imgClass <span style="color: #339933;">+</span> imgTitle 
             <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot; style=<span style="color: #000099; font-weight: bold;">\&quot;</span>&quot;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;width:&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">width</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;px; height:&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">height</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;px;&quot;</span> <span style="color: #339933;">+</span> imgStyle <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;;&quot;</span> 
             <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader&quot;</span> 
             <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;(src=<span style="color: #000099; font-weight: bold;">\'</span>&quot;</span> <span style="color: #339933;">+</span> img.<span style="color: #660066;">src</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;<span style="color: #000099; font-weight: bold;">\'</span>, sizingMethod='scale');<span style="color: #000099; font-weight: bold;">\&quot;</span>&gt;&lt;/span&gt;&quot;</span> 
             img.<span style="color: #660066;">outerHTML</span> <span style="color: #339933;">=</span> strNewHTML 
             j <span style="color: #339933;">=</span> j<span style="color: #339933;">-</span><span style="color: #CC0000;">1</span> 
          <span style="color: #009900;">&#125;</span> 
       <span style="color: #009900;">&#125;</span> 
    <span style="color: #009900;">&#125;</span>     
<span style="color: #009900;">&#125;</span> 
window.<span style="color: #660066;">attachEvent</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;onload&quot;</span><span style="color: #339933;">,</span> correctPNG<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.baalchina.net/2008/12/png-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
