CnBeta提供了圣诞主题图标，包括Rss、桌面、iPod、Mac、收藏服务等十三套图标。本博右侧边栏立马启用其中一个，呵呵。这时才发现在我的Maxthon2.0中无法显示透明的PNG图片，以前还真没怎么在意。迅速打开IE6,发现也是如此，看来不怪Maxthon。再打开FireFox2,OK，一切正常。
下面提供让IE6显示PNG的方案。
方法一、通过 javascript 和 css 滤镜解决 ie 整站 png 背景透明问题
<script type="text/javascript" language="javascript">
function enablePngImages() {
var imgArr = document.getElementsByTagName("IMG");
for(i=0; i<imgArr.length; i++){
if(imgArr[i].src.toLowerCase().lastIndexOf(".png") != -1){
imgArr[i].style.filter = "progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='" + imgArr[i].src + "', sizingMethod='auto')";
imgArr[i].src = "spacer.gif";
}
if(imgArr[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1){
var img = imgArr[i].currentStyle.backgroundImage.substring
(5,imgArr[i].currentStyle.backgroundImage.length-2);
imgArr[i].style.filter = "progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
imgArr[i].style.backgroundImage = "url(spacer.gif)";
}
}
}
function enableBgPngImages(bgElements){
for(i=0; i<bgElements.length; i++){
if(bgElements[i].currentStyle.backgroundImage.lastIndexOf(".png") != -1){
//alert(bgElements[i]);
var img = bgElements[i].currentStyle.backgroundImage.substring
(5,bgElements[i].currentStyle.backgroundImage.length-2);
bgElements[i].style.filter = "progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='"+img+"', sizingMethod='crop')";
bgElements[i].style.backgroundImage = "url(spacer.gif)";
}
}
}
</script>
<img src="pngpic.png" alt="" border="0" />
<!--[if lt IE 7]>
<script type='text/javascript'>
var bgElements;
enablePngImages();
if(bgElements){
enableBgPngImages(bgElements);
}
</script>
<![endif]-->
方法二、通过 css ie滤镜解决
<style type="text/css">
<!--
.pngpic { filter: progid:DXImageTransform.Microsoft.
AlphaImageLoader(src='/pngpic.png',sizingMethod='crop'); }
-->
</style>
