从外部加载时jQuery fadeIn IE Png问题

我正在使用jQuery中的加载内容方法将域内的外部html文件中的数据加载到网页上的一个div中。我将div从新页面中取出，同时通过淡出此页面和淡入新页面来隐藏当前页面中的div。在这两个div中都有一个png图像，它在IE中创建了可怕的黑色斑点，在其他浏览器中运行良好，但由于IE无法处理多个过滤器，因此它会造成混乱

我试着使用单位png修复没有用，有没有人有任何修复或想法，以帮助保持我的png好看在这个过渡

i46.tinypic.com/t9dtvr.jpg这是问题的截图，干杯

---

还发现，在加载任何新文件之前，页面上最初的png会使用单位png修复程序完美地淡入淡出，但从外部文件加载然后淡出的内容不会。我也在那些页面上添加了修复程序，但这也不起作用

能否为png图像或褪色的元素指定除透明之外的背景色值？这很有帮助。

您能为png图像或褪色的元素提供透明以外的背景色值吗？这主要是有帮助的。

这个问题没有任何100%的解决方案。如果有PNG的半透明区域，则应用的任何过滤器都将使这些区域完全不透明。我见过的大多数淡入淡出过渡在淡入淡出时应用过滤器，然后移除过滤器。这意味着您将在图像淡入时看到锯齿区域，但在过渡结束时看起来会很好

另一种解决方案可用于页面的静态部分：如果图像后面的背景是静态的，则可以从该背景创建图像，并将其用作img标记的背景图像。然后，淡入淡出就可以了。如果png图像已经是元素的背景图像，则需要将其放置在设置了不透明背景图像的容器中，并将其淡入淡出

如果你在文本或动态内容前淡出，你无能为力

编辑：以下页面似乎有一个解决方案，涉及旧的AlphaImageLoader过滤器和一个带有不透明过滤器集的父div：

---

这个问题没有100%的解决办法。如果有PNG的半透明区域，则应用的任何过滤器都将使这些区域完全不透明。我见过的大多数淡入淡出过渡在淡入淡出时应用过滤器，然后移除过滤器。这意味着您将在图像淡入时看到锯齿区域，但在过渡结束时看起来会很好

另一种解决方案可用于页面的静态部分：如果图像后面的背景是静态的，则可以从该背景创建图像，并将其用作img标记的背景图像。然后，淡入淡出就可以了。如果png图像已经是元素的背景图像，则需要将其放置在设置了不透明背景图像的容器中，并将其淡入淡出

如果你在文本或动态内容前淡出，你无能为力

编辑：以下页面似乎有一个解决方案，涉及旧的AlphaImageLoader过滤器和一个带有不透明过滤器集的父div：

---

编辑：我是来发帖说这是没有希望的，但实际上有一些人在描述工作环境。看看这是否有帮助：

---

编辑：我是来发帖说这是没有希望的，但实际上有一些人在描述工作环境。看看这是否有帮助：

---

您所要做的就是使elementouterhas背景周围的wrapperstyle在js文件中将不透明度衰减为1.0。很好

例：

js文件：

$('#style').fadeIn('slow');

css文件：

#style
{
    margin:0;
    background:transparent;
    float:left;
}

---

您所要做的就是使elementouterhas背景png周围的wrapperstyle在js文件中将不透明度淡入1.0。很好

例：

js文件：

$('#style').fadeIn('slow');

css文件：

#style
{
    margin:0;
    background:transparent;
    float:left;
}

---

我也有类似的问题。我需要根据用户输入将几个透明PNG中的一个加载到我的页面中，并使其淡入。我最终使用了Drew Diller为IE6设计的迟来的PNG补丁。当然，在document ready中调用不适用于动态内容，因此我的脚本如下所示：

html = '<img src="selectedimage.png" />';
$('#overlay').html(html);
DD_belatedPNG.fix('#overlay img');
$('#overlay img').hide().fadeIn(1200);

---

它在IE7中工作得很好，但我还没有测试IE8。

我也遇到了类似的问题。我需要根据用户输入将几个透明PNG中的一个加载到我的页面中，并使其淡入。我最终使用了Drew Diller为IE6设计的迟来的PNG补丁。当然，在document ready中调用不适用于动态内容，因此我的脚本如下所示：

html = '<img src="selectedimage.png" />';
$('#overlay').html(html);
DD_belatedPNG.fix('#overlay img');
$('#overlay img').hide().fadeIn(1200);

---

它在IE7中工作得很好，但我还没有测试IE8。

@jdln-我不确定这是否是她想要的并解释错了，或者这是另一种解决方案，但这对我来说很有效：

将透明PNG应用于包装器元素 将淡入淡出应用于包装器内的元素。这似乎不太可能 o强制包装器元素也显示。 隐藏包装器元素，使用jQuery显示内容元素 例如：

/* HTML: */
<div id="wrapper">
    <div id="content">I use this for a drop-down menu with a transparent PNG shadow for lte IE8 browsers
    </div>
</div>

/* CSS */
#wrapper{margin-left:-9999px;}

/* jQuery */  
$('#content').hide().fadeIn();

我使用.hide确保效果每次都从一开始就开始，因为我从悬停事件调用它。

---

希望这有帮助

@jdln-我不确定这是否是她想要的并解释错了，或者这是否是另一种解决方案，但这对我有效：

将透明PNG应用于包装器元素 将淡入淡出应用于包装器内的元素。这似乎迫使包装器元素也显示出来。 隐藏包装器元素，使用jQuery显示内容元素 例如：

/* HTML: */
<div id="wrapper">
    <div id="content">I use this for a drop-down menu with a transparent PNG shadow for lte IE8 browsers
    </div>
</div>

/* CSS */
#wrapper{margin-left:-9999px;}

/* jQuery */  
$('#content').hide().fadeIn();

我使用.hide确保效果每次都从一开始就开始，因为我从悬停事件调用它。

---

希望这有帮助

我有一个类似的问题，就是在具有透明png背景的元素中淡入淡出。经过一些研究，我找到了这个页面，最后你会找到一个解决方案，它帮助我：

用户dan.tello在IE中使用了额外的CSS过滤器：

.item img {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
  zoom: 1; }

---

我有一个类似的问题，即在具有透明png背景的元素中淡入淡出。经过一些研究，我找到了这个页面，最后你会找到一个解决方案，它帮助我：

用户dan.tello在IE中使用了额外的CSS过滤器：

.item img {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
  zoom: 1; }

---

你说的是PNG边缘的抗锯齿吗？这是一个问题的截图，cheersalso发现，在加载任何新内容之前，页面上最初的png会使用单位png修复程序完美地淡入淡出，但从外部文件中加载然后返回的内容不会。我也在这些页面上添加了补丁，但也不起作用。你是说PNG边缘的抗锯齿吗？这是一个问题的截图，cheersalso发现，在加载任何新内容之前，页面上最初的png会使用单位png修复程序完美地淡入淡出，但从外部文件中加载然后返回的内容不会。我也为这些页面添加了修复程序，但这也不起作用。背景颜色不能设置为网站的背景，需要通过它查看。显式背景颜色也有同样的问题：透明？背景颜色不能设置为网站的背景，需要通过它查看。显式背景颜色也有同样的问题背景色：透明？