Javascript处理IE6和FF的PNG照片适配性的问题

2021-03-31 11:39 jianzhan

PNG文件格式的照片文档对访问器适配并不是很友善,可是这类全透明PNG文档还能够做虚边实际效果,在设计方案中刚开始用的越来越越大了。十分是IE6,bug多、适用差,可是沒有计划方案客户总数也非常多,最先還是要考虑到对它的适用。FF对PNG文件格式的照片适用非常好,IE7也改善适用PNG。

在网上广为流传一个简易的计划方案来处理IE6和FF的PNG适配性的问题,一段js编码便可以拿下。编码以下,提议把这一段编码存为一个单独的js文档,便捷网页页面启用。

仍未作检测,大伙儿在应用前先检测一下。

function correctPNG()
  {
  for(var i=0; i document.images.length; i++)
  {
  var img = document.images[i]
  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
  i = i-1
  }
  }
  }
function alphaBackgrounds(){
  var rslt = navigator.appVersion.match(/MSIE (d+.d+)/, '');
  var itsAllGood = (rslt != null Number(rslt[1]) = 5.5);
  for (i=0; i document.all.length; i++){
  var bg = document.all[i].currentStyle.backgroundImage;
  if (bg){
  if (bg.match(/.png/i) != null){
  var mypng = bg.substring(5,bg.length-2);
  //alert(mypng);
  document.all[i].style.filter = progid:DXImageTransform.Microsoft.AlphaImageLoader(src=' +mypng+ ', sizingMethod='crop')
  document.all[i].style.backgroundImage = url('')
  //alert(document.all[i].style.filter);
  } 
  }
  }
}

if (navigator.platform == Win32 navigator.appName == Explorer window.attachEvent) {
window.attachEvent( onload , correctPNG);
window.attachEvent( onload , alphaBackgrounds);
}


HTML5自适应网站基本建设处理计划方案

伴随着移动互联网网的朝气蓬勃发展趋势,很多的传统式网站早已不可以考虑移动互...

查询 HTML5响应式网站建设解决方案
室内装修制造行业企业网站建设处理计划方案

伴随着在我国大城市化工程建筑发展趋势,装饰设计制造行业和室内装修制造行业都不断提温。在...

查询 装修行业网站建设解决方案
机械设备制造行业企业网站建设处理计划方案

机械设备制造行业在中国是类目数最多的一个制造行业,融科建网站了解类目就包...

查询 机械行业网站建设解决方案
LED制造行业企业网站建设处理计划方案

LED制造行业关键遍及浙广两省,以半导体材料产业链朝向产业链链每个阶段的...

查询 LED行业网站建设解决方案
IT手机软件系统软件企业网站建设总体处理计划方案

融科建网站觉得IT手机软件制造行业涉及到面范围广,要是从业互连网硬软件开...

查询 IT软件系统网站建设整体解决方案