如何修复 js png 以便在 ajax 调用上工作

Question

我们使用 js 来进行 png 替换，并且我们还对其中一些元素进行了 ajax 更新。 当页面片段更新时，png 修复会丢失，因为 png 修复会遍历 dom 并在文档加载时替换 png bg 图像。 有没有办法在ajax更新时渲染png替换，而不是仅在document.onload上？ 我们正在使用jquery。

Answer 1

你在使用行为吗？

如果您使用 iepngfix.htc，您可以尝试设置内联行为

var myEl = document.getElementById('inbound-ajax-element');
myEl.style.behavior = 'url(iepngfix.htc)';

http://www.iepngfix.htc。 twinhelix.com/css/iepngfix/demo/

Answer 2

你应该看看这里 jQuery IE PNG Fix Plugin

jQuery(function($) {
    $("img[@src$=png], #image-one, #image-two").pngfix();
});

你应该在你刚刚的图像上运行它已加载。

Answer 3

http://abcoder .com/javascript/ie6-png-alpha-transparency-fix-for-dynamically-loaded-images-via-ajax/

上面的链接提供了一个示例，将 PNG 修复附加到图像的 onload 事件，例如:

    new_img.onload = function(){
    ti.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + timg_src + "', sizingMethod='scale')";
    ti.setAttribute('src', 'blank.gif');}

Answer 4

它丢失的原因是 pngfix 不是连续应用的东西，它是在页面加载时应用于存在的项目，因此如果您更改其中之一或创建新的 png，则不会应用 pngfix。

因此，在创建图像的 javascript 中，您需要通过将 pngfix 应用于该项目来进行后续操作。

javascript 的外观取决于您使用的 pngfix 类型。 这里还有其他答案，其中举例说明了添加新图像后要应用的内容。