jQuery fadeTo 在 IE8 中不起作用答案

【问题标题】：jQuery fadeTo not working in IE8jQuery fadeTo 在 IE8 中不起作用
【发布时间】：2012-07-08 11:19:35
【问题描述】：

我有一个使用fadeTo 的div 淡入淡出。它在 Firefox 和 IE9 中运行良好。它在 IE8 中不起作用。这是我的代码：

JS：

var $j = jQuery.noConflict();
    window.onload = function(){ 
    $j('#fadein').fadeTo(6000, 1, function() {
  });       
};

HTML

<div class="img-center" id="fadein" style="opacity:0;">
<img src="src.jpg" alt="Text" class="feature-image" />
</div>

如何让它在 IE8 中工作？我不介意从fadeTo 更改为fadeIn 或其他一些淡入div 的方法，只要它适用于IE8。

【问题讨论】：

你到底为什么要使用 window.onload ？
@adeneo - 我在 div 上方加载了一个 GIF 动画，我希望它在脚本触发之前完全加载。我愿意接受不同或更好的方法。
stackoverflow.com/questions/1284163/…

标签： javascript jquery internet-explorer internet-explorer-8

【解决方案1】：

jQuery 的 fadeTo() 应该可以在 IE8 中使用，但是该元素必须具有“布局”，请参阅“haslayout”，并且在糟糕的浏览器中不透明度的 CSS 语法是：

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

【讨论】：

感谢您解决了这个问题。我想可能是这样的。但是我不记得正确的代码了！