如何获得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.twinhelix.com/css/iepngfix/demo/

Answer 2

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 3

你应该在这里jQuery IE PNG Fix Plugin

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

看看你应该在你刚刚加载的图像运行此。

Answer 4

它丢失的原因是pngfix不是被持续应用的东西，它被应用在页面加载到存在的项目上，所以如果你改变它们中的一个或创建新的png，pngfix将不会被应用。

因此，在您的javascript创建图像的地方，您需要通过将pngfix应用于该项目来遵循它。

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