http://wiki.blueidea.com/index.php?action=history&feed=atom&title=IE6%E4%B8%8BPNG-24%E4%BD%8D%E5%9B%BE%E7%89%87%E9%97%AE%E9%A2%98%E9%9B%86%E5%90%88
IE6下PNG-24位图片问题集合 - 版本历史
2026-05-02T01:13:39Z
本wiki的该页面的版本历史
MediaWiki 1.24.1
http://wiki.blueidea.com/index.php?title=IE6%E4%B8%8BPNG-24%E4%BD%8D%E5%9B%BE%E7%89%87%E9%97%AE%E9%A2%98%E9%9B%86%E5%90%88&diff=8870&oldid=prev
wwwtf92com：/* 解决办法 */
2011-09-26T13:52:45Z
<p><span dir="auto"><span class="autocomment">解决办法</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2011-09-26T13:52:45的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第4行：</td>
<td colspan="2" class="diff-lineno">第4行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===解决办法===</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===解决办法===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*[<del class="diffchange diffchange-inline">http://</del>http://www.dillerdesign.com/experiment/DD_belatedPNG/ DD belatedPNG]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*[http://www.dillerdesign.com/experiment/DD_belatedPNG/ DD belatedPNG]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2898063&page=1#pid4304787 显示png-24带alphp通道图片，下载第6楼附件]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2898063&page=1#pid4304787 显示png-24带alphp通道图片，下载第6楼附件]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2906253&page=1#pid4368212 用png-24带alphp通道图片作为链接背景，下载第2楼附件]  </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2906253&page=1#pid4368212 用png-24带alphp通道图片作为链接背景，下载第2楼附件]</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 超链接失去焦点 ==</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>== 超链接失去焦点 ==</div></td></tr>
</table>
wwwtf92com
http://wiki.blueidea.com/index.php?title=IE6%E4%B8%8BPNG-24%E4%BD%8D%E5%9B%BE%E7%89%87%E9%97%AE%E9%A2%98%E9%9B%86%E5%90%88&diff=7089&oldid=prev
yoom：/*增加DD_belatedPNG的链接*/
2010-10-23T01:59:42Z
<p><span dir="auto"><span class="autocomment">增加DD_belatedPNG的链接</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2010-10-23T01:59:42的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第4行：</td>
<td colspan="2" class="diff-lineno">第4行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===解决办法===</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>===解决办法===</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> </div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*[http://http://www.dillerdesign.com/experiment/DD_belatedPNG/ DD belatedPNG]</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2898063&page=1#pid4304787 显示png-24带alphp通道图片，下载第6楼附件]</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2898063&page=1#pid4304787 显示png-24带alphp通道图片，下载第6楼附件]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2906253&page=1#pid4368212 用png-24带alphp通道图片作为链接背景，下载第2楼附件]  </div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*[http://bbs.blueidea.com/viewthread.php?tid=2906253&page=1#pid4368212 用png-24带alphp通道图片作为链接背景，下载第2楼附件]  </div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=IE6%E4%B8%8BPNG-24%E4%BD%8D%E5%9B%BE%E7%89%87%E9%97%AE%E9%A2%98%E9%9B%86%E5%90%88&diff=7057&oldid=prev
yoom：/*添加分类*/
2010-08-21T14:24:48Z
<p><span dir="auto"><span class="autocomment">添加分类</span></span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">←上一版本</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">2010-08-21T14:24:48的版本</td>
</tr><tr><td colspan="2" class="diff-lineno">第24行：</td>
<td colspan="2" class="diff-lineno">第24行：</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div><references /></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[Category:CSS]] [[Category:浏览器]]</div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[Category:CSS<ins class="diffchange diffchange-inline">]][[Category:IE6的渲染Bug</ins>]] [[Category:浏览器]]</div></td></tr>
</table>
yoom
http://wiki.blueidea.com/index.php?title=IE6%E4%B8%8BPNG-24%E4%BD%8D%E5%9B%BE%E7%89%87%E9%97%AE%E9%A2%98%E9%9B%86%E5%90%88&diff=6609&oldid=prev
yoom：创建新页面为 '== 无法显示Alpha通道 == Intelnet Explorer 6浏览器无法正确显示PNG-24位图片的Alpha通道，但我们可以使用IE私有的界面滤镜来解决这个…'
2010-02-03T14:51:16Z
<p>创建新页面为 '== 无法显示Alpha通道 == Intelnet Explorer 6浏览器无法正确显示<a href="/index.php?title=PNG" title="PNG">PNG</a>-24位图片的Alpha通道，但我们可以使用IE私有的<a href="/index.php?title=%E7%95%8C%E9%9D%A2%E6%BB%A4%E9%95%9C&action=edit&redlink=1" class="new" title="界面滤镜（页面不存在）">界面滤镜</a>来解决这个…'</p>
<p><b>新页面</b></p><div>== 无法显示Alpha通道 ==<br />
<br />
Intelnet Explorer 6浏览器无法正确显示[[PNG]]-24位图片的Alpha通道，但我们可以使用IE私有的[[界面滤镜]]来解决这个问题。<br />
<br />
===解决办法===<br />
<br />
*[http://bbs.blueidea.com/viewthread.php?tid=2898063&page=1#pid4304787 显示png-24带alphp通道图片，下载第6楼附件]<br />
*[http://bbs.blueidea.com/viewthread.php?tid=2906253&page=1#pid4368212 用png-24带alphp通道图片作为链接背景，下载第2楼附件] <br />
<br />
<br />
== 超链接失去焦点 ==<br />
<br />
当超链接使用PNG-24为透明图片时，链接背景完全透明区域可能会失去焦点，导致无法正常点击，也无法触发onclick，onmouseover等事件。<br />
<br />
=== 解决办法 ===<br />
<br />
请给链接添加一个[[CSS]]属性，position:relative; 。<br />
<br />
如果上述办法仍然无效，请给链接的外部套一个标签，并把position属性转移到外部标签上<ref>参考自会员 [[user:zhanghaibo1985|zhanghaibo1985]]回复[http://bbs.blueidea.com/viewthread.php?tid=2788264&page=1#pid4578772 绝对定位的png背景透明层ie6下链接失效，relative无法解决？]时的回帖，请前往该贴第13楼获取原始信息。</ref>。<br />
<br />
<br />
==备注==<br />
<br />
<references /><br />
<br />
[[Category:CSS]] [[Category:浏览器]]</div>
yoom