ie7和ie8中的剩余而不是透明，而使用PNG透明和不透明

发布于 2024-09-27 18:07:49 字数 180 浏览 4 评论 0原文

我正在开发一个使用 PNG 透明和不透明度的项目，但是，该区域在 IE7 和 IE8 中有剩余，而不是透明的，它是黑色的，有人可以帮助我吗？

打印区域

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

倦话 2024-10-04 18:07:49

我有一个解决方案，之前在多个网站上使用过。

只需在将 html 内容写入页面后运行此函数即可：

function fixPNGs(){
  if(jQuery.browser.msie && jQuery.browser.version < 9){ 
    var i;
    //alert(document.images.length);
    for(i in document.images){
      if(document.images[i].src){
        var imgSrc = document.images[i].src;
        if(imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG'){
        document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
        }
      }
    }   
  }
}

它仅适用于 img 元素，不适用于背景图像。但一旦应用，您就可以淡入淡出图像并根据您的喜好制作动画。我在一些雄心勃勃的动画中经历过一些奇怪的副作用，但 90% 的时间都很好。

希望这对您有帮助！

I have a solution for this, have used on multiple sites before.

Simply run this function after your html content has been written to the page:

function fixPNGs(){
  if(jQuery.browser.msie && jQuery.browser.version < 9){ 
    var i;
    //alert(document.images.length);
    for(i in document.images){
      if(document.images[i].src){
        var imgSrc = document.images[i].src;
        if(imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG'){
        document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
        }
      }
    }   
  }
}

It will only work on img elements and not background images. But once applied you can fade in and out images and animate to your hearts content. I have experienced some strange side effect on some ambitious animations but for 90% of the time it's fine.

Hope this helps you!

回复收藏 0 原文

纵性 2024-10-04 18:07:49

IE7 和 IE8 支持 PNG 中不同类型的透明度。那边没问题。

您遇到的问题是IE7和IE8不支持CSS不透明度。而且您很可能有一个动态操纵不透明度 (element.style.opacity) 的 JS 脚本，例如产生淡入淡出效果。如果 IE7 和 8 不支持不透明度，脚本如何更改 IE7 和 8 中的 element.style.opacity？它使用 DirectX 过滤器，与您可以使用 CSS 过滤器相同： alpha (opacity = 50);

DirectX 过滤器不是本机支持。结果是它常常会产生副作用。该项目将以部分不透明度显示，不会由图形引擎“普通”浏览器渲染，而是直接由 DirectX 渲染...在某些情况下，CSS 定位上的字体渲染存在差异，并且...支持 PNG 透明度。

解决方案：消除两个参数之一。

回复收藏 0 原文