IE6下png全透明的处理方式

2021-02-26 13:49 admin

IE6在默认设置状况下不是适用PNG全透明实际效果的,在网上也共享过许多相近的处理计划方案,检测自始至终并不是很极致,今日就把自己精减出去的IE6下png照片文件格式全透明编码共享给大伙儿。

JavaScript一部分:

[html]
script language= JavaScript
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 6.
{
var arVersion = navigator.appVersion.split( MSIE )
var version = parseFloat(arVersion[1])
if ((version = 5.5) (document.body.filters))
{
for(var j=0; j document.images.length; j++)
{
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == PNG )
{
var imgID = (img.id) ? id=' + img.id + ' :
var imgClass = (img.className) ? :
var imgTitle = (img.title) ? title=' + img.title + ' : title=' + img.alt + '
var imgStyle = display:inline-block; + img.style.cssText
if (img.align == left ) imgStyle = float:left; + imgStyle
if (img.align == right ) imgStyle = float:right; + imgStyle
if (img.parentElement.href) imgStyle = cursor:hand; + imgStyle
var strNewHTML = span + imgID + imgClass + imgTitle
+ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
+ (src=\' + img.src + \', sizingMethod='scale');\ /span
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
window.attachEvent( onload , correctPNG);
/script
[/html]

还记得网页页面启用JS一部分哦。 CSS书写:

[html]
.div{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/4.png'); /* IE6 */_ background-image: none; /* IE6 */}
[/html]

在其中 _ background-image: none; 一部分写了HACK仅IE6鉴别。