<?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>Some reminiscences, some memories &#187; ie</title>
	<atom:link href="http://www.mikespook.com/index.php/tag/ie/feed" rel="self" type="application/rss+xml" />
	<link>http://www.mikespook.com</link>
	<description>Just another boring day</description>
	<lastBuildDate>Thu, 05 Aug 2010 14:36:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>jquery 版的 ie 下 png 图片透明的 js 函数</title>
		<link>http://www.mikespook.com/index.php/archives/145</link>
		<comments>http://www.mikespook.com/index.php/archives/145#comments</comments>
		<pubDate>Fri, 04 Jul 2008 02:32:31 +0000</pubDate>
		<dc:creator>mikespook</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[png]]></category>
		<category><![CDATA[透明]]></category>

		<guid isPermaLink="false">http://www.mikespook.com/?p=145</guid>
		<description><![CDATA[1 function correctPNG(objTag) { 2 // 为 IE 时生效 3 if(jQuery.browser.msie) { 4 $(objTag).each(function(){ 5 var src = $(this).attr(&#8220;src&#8221;); 6 // src 不为空，且为 png 格式图片 7 if (src != undefined &#38;&#38; src.substring(src.length &#8211; 3, src.length).toLowerCase() == &#8220;png&#8221;) { 8 // 取出图片原有属性 9 var imgId = $(this).attr(&#8220;id&#8221;); 10 imgId = imgId == undefined ? &#8221; : [...]]]></description>
			<content:encoded><![CDATA[<blockquote style="background-color:#000000;color: #cccccc;"><p><span style="font-family: monospace;"><span style="color: #ffff00;">1 </span><span style="color: #40ffff;">function</span> correctPNG(objTag) <span style="color: #40ffff;">{</span></span></p>
<p><span style="color: #ffff00;"> 2 </span> <span style="color: #80a0ff;">// 为 IE 时生效</span></p>
<p><span style="color: #ffff00;"> 3 </span> <span style="color: #ffff00;">if</span>(jQuery.browser.msie) <span style="color: #40ffff;">{</span></p>
<p><span style="color: #ffff00;"> 4 </span> $(objTag).each(<span style="color: #40ffff;">function</span>()<span style="color: #40ffff;">{</span></p>
<p><span style="color: #ffff00;"> 5 </span> <span style="color: #40ffff;">var</span> src = $(<span style="color: #40ffff;">this</span>).attr(<span style="color: #ffa0a0;">&#8220;src&#8221;</span>);</p>
<p><span style="color: #ffff00;"> 6 </span> <span style="color: #80a0ff;">// src 不为空，且为 png 格式图片</span></p>
<p><span style="color: #ffff00;"> 7 </span> <span style="color: #ffff00;">if</span> (src != <span style="color: #ffff00;">undefined</span> &amp;&amp; src.substring(src.length &#8211; 3, src.length).toLowerCase() == <span style="color: #ffa0a0;">&#8220;png&#8221;</span>) <span style="color: #40ffff;">{</span></p>
<p><span style="color: #ffff00;"> 8 </span> <span style="color: #80a0ff;">// 取出图片原有属性</span></p>
<p><span style="color: #ffff00;"> 9 </span> <span style="color: #40ffff;">var</span> imgId = $(<span style="color: #40ffff;">this</span>).attr(<span style="color: #ffa0a0;">&#8220;id&#8221;</span>);</p>
<p><span style="color: #ffff00;">10 </span> imgId = imgId == <span style="color: #ffff00;">undefined</span> ? <span style="color: #ffa0a0;">&#8221;</span> : imgId;</p>
<p><span style="color: #ffff00;">11 </span> <span style="color: #40ffff;">var</span> imgClass = $(<span style="color: #40ffff;">this</span>).attr(<span style="color: #ffa0a0;">&#8220;class&#8221;</span>);</p>
<p><span style="color: #ffff00;">12 </span> imgClass = imgClass == <span style="color: #ffff00;">undefined</span> ? <span style="color: #ffa0a0;">&#8221;</span> : imgClass;</p>
<p><span style="color: #ffff00;">13 </span> <span style="color: #40ffff;">var</span> imgTitle = $(<span style="color: #40ffff;">this</span>).attr(<span style="color: #ffa0a0;">&#8220;title&#8221;</span>);</p>
<p><span style="color: #ffff00;">14 </span> imgTitle = imgTitle == <span style="color: #ffff00;">undefined</span> ? <span style="color: #ffa0a0;">&#8221;</span> : imgTitle;</p>
<p><span style="color: #ffff00;">15 </span> <span style="color: #40ffff;">var</span> imgStyle = $(<span style="color: #40ffff;">this</span>).attr(<span style="color: #ffa0a0;">&#8220;style&#8221;</span>);</p>
<p><span style="color: #ffff00;">16 </span> imgStyle = imgStyle == <span style="color: #ffff00;">undefined</span> ? <span style="color: #ffa0a0;">&#8221;</span> : imgStyle;</p>
<p><span style="color: #ffff00;">17 </span> imgStyle = <span style="color: #ffa0a0;">&#8220;display:inline-block;&#8221;</span> + imgStyle;</p>
<p><span style="color: #ffff00;">18 </span> <span style="color: #40ffff;">var</span> imgAlign = $(<span style="color: #40ffff;">this</span>).attr(<span style="color: #ffa0a0;">&#8220;align&#8221;</span>);</p>
<p><span style="color: #ffff00;">19 </span> <span style="color: #80a0ff;">// 图片对齐属性转为样式</span></p>
<p><span style="color: #ffff00;">20 </span> <span style="color: #ffff00;">switch</span>(imgAlign) <span style="color: #40ffff;">{</span></p>
<p><span style="color: #ffff00;">21 </span> <span style="color: #ffff00;">case</span> <span style="color: #ffa0a0;">&#8220;left&#8221;</span>:</p>
<p><span style="color: #ffff00;">22 </span> imgStyle = <span style="color: #ffa0a0;">&#8220;float:left;&#8221;</span> + imgStyle;</p>
<p><span style="color: #ffff00;">23 </span> <span style="color: #ffff00;">break</span>;</p>
<p><span style="color: #ffff00;">24 </span> <span style="color: #ffff00;">case</span> <span style="color: #ffa0a0;">&#8220;right&#8221;</span>:</p>
<p><span style="color: #ffff00;">25 </span> imgStyle = <span style="color: #ffa0a0;">&#8220;float:right;&#8221;</span> + imgStyle;</p>
<p><span style="color: #ffff00;">26 </span> <span style="color: #ffff00;">break</span>;</p>
<p><span style="color: #ffff00;">27 </span> <span style="color: #40ffff;">}</span></p>
<p><span style="color: #ffff00;">28 </span> <span style="color: #80a0ff;">// 父标签为 a 时，应用鼠标样式为手指</span></p>
<p><span style="color: #ffff00;">29 </span> <span style="color: #ffff00;">if</span> ($(<span style="color: #40ffff;">this</span>).<span style="color: #ffff00;">parent</span>().get(0).tagName.toLowerCase() == <span style="color: #ffa0a0;">&#8220;a&#8221;</span>) <span style="color: #40ffff;">{</span></p>
<p><span style="color: #ffff00;">30 </span> imgStyle = <span style="color: #ffa0a0;">&#8220;cursor:hand;&#8221;</span> + imgStyle;</p>
<p><span style="color: #ffff00;">31 </span> <span style="color: #40ffff;">}</span></p>
<p><span style="color: #ffff00;">32 </span> <span style="color: #80a0ff;">// 设置宽高</span></p>
<p><span style="color: #ffff00;">33 </span> imgStyle = <span style="color: #ffa0a0;">&#8220;width:&#8221;</span> + $(<span style="color: #40ffff;">this</span>).width() + <span style="color: #ffa0a0;">&#8220;px; height:&#8221;</span> + $(<span style="color: #40ffff;">this</span>).height() + <span style="color: #ffa0a0;">&#8220;px;&#8221;</span> + imgStyle;</p>
<p><span style="color: #ffff00;">34 </span> <span style="color: #80a0ff;">// 设置 IE 的 PNG 透明滤镜</span></p>
<p><span style="color: #ffff00;">35 </span> imgStyle = <span style="color: #ffa0a0;">&#8220;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=</span><span style="color: #ffa500;">\&#8221;</span><span style="color: #ffa0a0;">&#8220;</span> + src + <span style="color: #ffa0a0;">&#8220;</span><span style="color: #ffa500;">\&#8221;</span><span style="color: #ffa0a0;">,sizingMethod=</span><span style="color: #ffa500;">\&#8221;</span><span style="color: #ffa0a0;">scale</span><span style="color: #ffa500;">\&#8221;</span><span style="color: #ffa0a0;">);&#8221;</span> + imgStyle;</p>
<p><span style="color: #ffff00;">36 </span> <span style="color: #80a0ff;">// 替换 img 标签为 span</span></p>
<p><span style="color: #ffff00;">37 </span> $(<span style="color: #40ffff;">this</span>).replaceWith(<span style="color: #ffa0a0;">&#8220;&lt;span id=&#8217;&#8221;</span> + imgId + <span style="color: #ffa0a0;">&#8220;&#8216; class=&#8217;&#8221;</span> + imgClass + <span style="color: #ffa0a0;">&#8220;&#8216; title=&#8217;&#8221;</span> + imgTitle + <span style="color: #ffa0a0;">&#8220;&#8216; style=&#8217;&#8221;</span> + imgStyle + <span style="color: #ffa0a0;">&#8220;&#8216;&gt;&lt;/span&gt;&#8221;</span>);</p>
<p><span style="color: #ffff00;">38 </span> <span style="color: #40ffff;">}</span></p>
<p><span style="color: #ffff00;">39 </span> <span style="color: #40ffff;">}</span>);</p>
<p><span style="color: #ffff00;">40 </span> <span style="color: #40ffff;">}</span></p>
<p><span style="color: #ffff00;">41 </span><span style="color: #ffff00;">} </span></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://www.mikespook.com/index.php/archives/145/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
